2016-10-03 58 views
1

我有这样的代码,制作滑动格不滚动

jQuery(window).scroll(function() { 
    if (jQuery(this).scrollTop() > 100) { 
     if (jQuery('.totop').hasClass('visible') == false) { 
      jQuery('.totop').stop().animate({ 
      right: '0px' 
      }, function() { 
      jQuery('.totop').addClass('visible') 
     }); 
    } 
} else { 
    if (jQuery('.totop').hasClass('visible') == true) { 
     jQuery('.totop').stop().animate({ 
      right: '-2600px' 
     }, function() { 
      jQuery('.totop').removeClass('visible') 
      }); 
     } 
    } 
    }); 

它工作正常,但我有一个负责任的网站,所以我得到的是并没有真正为我工作在屏幕底部的滚动条。我怎样才能删除底部的滚动条?

+0

我认为滑块比你的'viewport'宽一些,浏览器强制显示滚动条,所以你需要调整它的大小以适应它。 – Franco

+0

我真的不明白你的答案....我需要调整大小? – JAC

回答

0

最后,我通过做overflow-x:隐藏到整个身体。

1

为什么不将overflow: hidden添加到滚动条的元素。我会这样做使用CSS而不是jQuery

+0

这是我的div .totop的css { position:relative; 底部:80%; 右:-100%; 宽度:100%; 身高:100%; } – JAC

+0

我尝试使用你的溢出:隐藏但它什么都不做。 – JAC

+0

overflow-x:隐藏在css上的body标签上,对我来说,谢谢 – JAC