jQuery:滚动到顶部
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery:滚动到顶部相关的知识,希望对你有一定的参考价值。
// javascript $(function() { $window = $(window); $link = $("#scrollToTop"); // your link to show when user scrolls down $link.click(function() { $("html, body").animate({ scrollTop: 0 }, "slow"); // this is the gist of the script, scroll to top (scrollTop: 0) }); $window.scroll(function() { if ($window.scrollTop() <= 0) { $link.fadeOut("fast"); } else { $link.fadeIn("fast"); } }) // css #scrollToTop:link, #scrollToTop:visited { display: none; position: fixed; top: 15px; right: 15px; padding: 10px 20px; font-size: 16px; font-weight: bold; text-decoration: none; background: #ccc; color: #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
以上是关于jQuery:滚动到顶部的主要内容,如果未能解决你的问题,请参考以下文章