jquery如何实现当页面下拉到一定位置时,右下角出现回到顶部图标?
展开全部
这个用js来实现
$(function () {
showScroll();
function showScroll() {
$(window).scroll(function () {
var scrollValue = $(window).scrollTop();
scrollValue > 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();
});
$('#scroll').click(function () {
$("html,body").animate({ scrollTop: 0 }, 200);
});
}
});
当距离顶部100时,显示返回顶部div
$(function () {
showScroll();
function showScroll() {
$(window).scroll(function () {
var scrollValue = $(window).scrollTop();
scrollValue > 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();
});
$('#scroll').click(function () {
$("html,body").animate({ scrollTop: 0 }, 200);
});
}
});
当距离顶部100时,显示返回顶部div
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询