我体内有:
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() {
但是仍然不显示按钮
已解决,必须放入的选择器是“ body”
$("body").scroll(function() {
正在工作!