當元素的底部向上滾動到視圖中時，使航點點火成爲可能

如果我希望某個元素在點擊滾動時向上點進入視野，該怎麼辦？當您向下滾動時，我會發生一個航點。這工作正常。但是，只要元素向後滾動到視圖（屏幕底部的元素頂部），我就希望另一個路點觸發。當元素的底部向上滾動到視圖中時，使航點點火成爲可能

$(".picture").waypoint(function(direction){ 
      var $this = $(this); 
      if (direction === "down") { 
       setTimeout(function() 
        { 
         $this.children('.cutline_background').animate({"left":"0px"},2500, function(){}); 
         $this.children('.text').animate({"left":"40px"},2500, function(){}); 
        }, 3000); 

      } 
    }, {offset: 0 }); 
    $(".picture").waypoint(function(direction){ 
      var $this = $(this); 
      if (direction === "up") { 
       $this.children('.cutline_background').css("left", "-20%"); 
       $this.children('.text').css("left", "-20%"); 

      } 
    }, {offset: '90%' }); //this doesn't seem to be working

來源

2014-08-27 LauraNMS

在這裏，我創建了一個[的jsfiddle（http://jsfiddle.net/ru9tndez/）你的方法是什麼 - 不好？ – 2014-08-27 14:55:09

我想它看起來好像它不適合我的網站。也許還有另一個原因。謝謝！ – LauraNMS 2014-08-27 15:00:57

航點有這種偏移別名：bottom-in-view

$('.thing').waypoint(function(direction) { 
    // do things 
}, { 
    offset: 'bottom-in-view' 
})

來源

2014-12-22 20:25:11 imakewebthings

當元素的底部向上滾動到視圖中時，使航點點火成爲可能

回答

相關問題