Sticky Header Jquery mobile

时间:2014-05-20 16:01:30

标签: javascript jquery html css jquery-mobile

当我向下滚动时,我想要我的标题节目。这项工作,但在移动版本,我不想向下滚动。

JQUERY:

$(window).scroll(function () {
  if ( $(this).scrollTop() > 652 && !$('header').hasClass('open') ) {
    $('header').addClass('open');
    $('header').slideDown();
   } else if ( $(this).scrollTop() <= 652 ) {
    $('header').removeClass('open');
    $('header').slideUp();
  }
}); 

这是代码。我想向下滚动,但不能在移动版或平板电脑版中滚动。

我试图在@media屏幕中添加css

header { display: none;}

但没有工作

1 个答案:

答案 0 :(得分:1)

如果您不想在某些条件下工作,只需添加约束即可。

例如,if语句:

if ($(window).width() > 767) {
     /* do something */          
}