Question

此代码滚动太低！我需要它滚动少约40px。我如何在下面的例子中实现这一点？

 <script>
       $(".scroll").click(function(event){
               event.preventDefault();
               //calculate destination place
               var dest=0;
               if($(this.hash).offset().top > $(document).height()-$(window).height()){
                    dest=$(document).height()-$(window).height();
               }else{
                    dest=$(this.hash).offset().top;
               }
               //go to destination
               $('html,body').animate({scrollTop:dest}, 500,'swing');
           });
    </script>

我将非常感谢你的帮助：*

Answer 1

如果它适合您，您只需将'-40'添加到dest变量中即可：

$('html,body').animate({scrollTop:dest-40}, 500,'swing');

另一种方法是滚动到比滚动到的元素更高的元素。取决于你的设计。

Answer 2

如果你想通过点击类.scroll

的链接向下滚动锚#here

jQuery('.scroll').click(function() {
jQuery('html, body').animate({ 'scrollTop': jQuery('#here').offset().top }, 'fast');
return false;
});

使用jQuery滚动到div

2 个答案: