[英]Scroll button jQuery for scroll up and scroll down
scrollTop()
可以在这里为您提供帮助。 请参阅说明文件
例:
$('.scroll-up-button').on('click', function() {
var scrollIndex = $(window).scrollTop(); // current page position
$(window).scrollTop(y - 150); // scroll up 150px
}
$('.scroll-down-button').on('click', function() {
var scrollIndex = $(window).scrollTop(); // current page position
$(window).scrollTop(y + 150); // scroll down 150px
}
显然,这不是一个完整的解决方案,但是应该可以帮助您正确地入门。
用这个小提琴
JS:
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
//Click event to scroll to top
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
HTML:
<a href="#" class="scrollToTop">Scroll To Top</a>
CSS:
.scrollToTop{
width:100px;
height:130px;
padding:10px;
text-align:center;
background: whiteSmoke;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
top:75px;
right:40px;
display:none;
}
.scrollToTop:hover{
text-decoration:none;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.