【发布时间】:2020-06-08 13:14:59
【问题描述】:
我的身体里有:
html, body {
width: 100vw;
height: 100%;
}
使用 Jquery 我想放一个按钮向上
$(window).scroll(function() {
var desplazamiento = $(this).scrollTop();
var control = $('#scrolltop');
if(desplazamiento > 100 && control.css('display') == 'none') {
control.fadeIn();
}
if(desplazamiento < 100 && control.css('display') == 'block') {
control.fadeOut();
}
});
$('#scrolltop').each(function() {
$(this).click(function() {
$('html,body').animate({ scrollTop: 0 }, 'slow');
return false;
});
});
这种风格
#scrolltop {
background-image: url("/pictures/arrow.png");
background-repeat: no-repeat;
bottom: 20px;
display: none;
height: 90px;
left: auto;
overflow: hidden;
padding: 17px 17px;
position: fixed;
right: 20px;
top: auto;
width: 70px;
z-index: 90;
}
而且在查找信息后没有显示按钮问题是100%的身体高度,我读过你必须放置另一个选择器,而不是窗口,所以我把它放在了部分
$("section").scroll(function() {
但仍然不显示按钮
【问题讨论】:
标签: jquery scroll window scrolltop