如何在不同的topOffset页面中使用scrollIt.js?

时间:2015-05-07 05:02:05

标签: javascript jquery

这是一个很好的jQuery插件,我用于我的网站。

scrollIt.js

在选项部分:

$.scrollIt({
  upKey: 38,             // key code to navigate to the next section
  downKey: 40,           // key code to navigate to the previous section
  easing: 'linear',      // the easing function for animation
  scrollTime: 600,       // how long (in ms) the animation takes
  activeClass: 'active', // class given to the active nav element
  onPageChange: null,    // function(pageIndex) that is called when page is changed
  topOffset: 0           // offste (in px) for fixed top navigation
});

我将“topOffset”设置为“-160”,它运行正常。现在在另一页上,我正在调用相同的函数,但现在我希望“topOffset”为“0”。我将如何实现这一目标?

1 个答案:

答案 0 :(得分:1)

通过这样做解决问题:

if( $(".main-body").hasClass("home-vertical-scroll") ){
    var scrollItTopOffset = 0;
}

else{
    var scrollItTopOffset = -160;
};

   $(function(){
        $.scrollIt({
            upKey: 38,           
            downKey: 40,         
            easing: 'linear',      
            scrollTime: 600,      
            onPageChange: null,   
            topOffset: scrollItTopOffset        
        });
    });

如果有人想要答案。