动画滚动到顶部链接

如何在我的博客中创建链接，以便当有人点击它时，链接会将网页滚动回页面顶部？我已经在线阅读了诸如此类的教程，http://www.webtipblog.com/adding-scroll-top-button-website/，其中大多数教程都向您展示了如何合并图片以滚动到顶部。动画滚动到顶部链接

如果您向下滚动到我的博客，http://goneintranslation.blogpost.ca有一个名为“home”的链接，我想将此链接设置为当用户点击它时滚动到顶部。有没有人知道任何文章或如何编码，使其发生？

非常感谢。

编辑;我想做一些类似于这个网站的东西，http://thechrisellefactor.com/，滚动到底部，它有一个链接，说“返回页面顶部”。

来源

2014-10-19 Fiona Chan

$('.scroll-top-wrapper').on('click', scrollToTop);

这就是魔术发生的地方。如果您单击名为“scroll-top-wrapper”的类的元素，它将发出scrollToTop函数。

如果此类中的元素是图像或简单链接，则无关紧要。

来源

2014-10-19 16:45:27

JS Fiddle

$(window).scroll(function() { 
    if ($(window).scrollTop() > 250) { 
     $('.top').addClass('show'); 
    } else { 
     $('.top').removeClass('show'); 
    } 
})

取代.top与class或id上它应该滚动到顶部

$(".top").click(function (event) { 
    event.preventDefault(); 
    $('html,body').animate({ 
     scrollTop: 0 
    }, 1000); 
})

来源

2014-10-19 17:12:36

我们需要使用jQuery的动画的方法来解决这个...

jQuery代码

$("#scrollT").click(function(e){ 
    e.preventDefault(); 
    $("html, body").animate({ scrollTop: "0px" }); 
});

http://jsfiddle.net/6g4af5b5/

来源

2014-10-19 17:28:01

动画滚动到顶部链接

回答

相关问题