Question

在此页面上： http://www.petertoth.me/stuff/petertoth_old/www.petertoth.me/index.html
有一个向下滚动按钮，可以平滑地向下滚动到“下一页”。有人认出它是一个预先制作的jQuery插件，还是一个经过修改的插件？我已经研究了很长一段时间，发现用这种方法可以或多或少地模仿这个：

var scrolled=0;    
$(document).ready(function(){                
    $("#downClick").on("click" ,function(){
      scrolled=scrolled+100;

      $("html, body").animate({
              scrollTop:  scrolled
         });  
    });

});

或

$('#gdb1').click(function(){
$("html, body").animate({ scrollTop: $(window).height()}, 600);
return false;});

http://jsfiddle.net/uw1hdkaf/20/
但是非常乐意知道如何使用jQuery或没有它来正确使用它！

Answer 1

您需要考虑因素，元素需要具有您想要向下滚动的精确高度。看看这个例子：http://jsfiddle.net/uw1hdkaf/22/

p {
    height: 100px;
    margin: 0;
}

段落标记的设置边距为16px，因此您需要将其删除。基本上每个元素都完全为0。

如果您将高度设置为100px并使用脚本向下滚动100px，则只要确保元素与设置它们一样高，就可以向下滚动到下一个元素。

OnePage向下滚动按钮

1 个答案: