不显示上传按钮
Does not show the upload button
在我的 body 我有:
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;
}
并且在查找信息后它不显示按钮问题是 body 高度的 100%,我读到你必须放置另一个选择器,而不是 window , 所以我把它放在
部分
$("section").scroll(function() {
但还是不显示按钮
解决了,原来要放的selector是"body"
$("body").scroll(function() {
正在工作!!
在我的 body 我有:
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;
}
并且在查找信息后它不显示按钮问题是 body 高度的 100%,我读到你必须放置另一个选择器,而不是 window , 所以我把它放在
部分$("section").scroll(function() {
但还是不显示按钮
解决了,原来要放的selector是"body"
$("body").scroll(function() {
正在工作!!