小编Sam*_*hid的帖子

当用户点击链接时,如何在转到其他页面之前滚动到顶部?

我正在尝试在我的网站上创建平滑的页面转换,以便用户在单击指向其他页面的链接时不会感觉到"页面加载".我想要的两个例子是minimalissimo.comdefringe.com.当您在这些网站的任何页面上单击指向其他文章的链接时,该页面会在下一页开始加载之前将滚动设置为顶部.

到目前为止,我有以下代码:

jQuery(document).ready(function($){

  $back_to_top = $('.link-to-article');

  $back_to_top.on('click', function(){
    $("html, body").animate({scrollTop:0},260);
  });

});
Run Code Online (Sandbox Code Playgroud)

上面的代码不起作用,单击与该类的链接时不会发生滚动; 但是,如果我使用prevent default,那么页面会滚动到顶部,但当然下一页没有打开,因为使用preventDefault禁用链接.

如果你能提供帮助,请告诉我.谢谢.

javascript css jquery animation scroll

0
推荐指数
1
解决办法
87
查看次数

标签 统计

animation ×1

css ×1

javascript ×1

jquery ×1

scroll ×1