我希望在页面向下滚动时显示一个 div。问题是，我的页面主体以及大多数其他 div 都隐藏了溢出，除了按下按钮时出现在页面上某个位置的表格之外。所以该表有溢出:根据需要滚动，我尝试在其上 Hook 该滚动事件。但无论如何都行不通。会是什么？
这是我的 html:
<body>
<div class="maine">
<table id="tableToClone" class="ts">
<div class="backtotopplank"></div>
</table>
</div>
</body>
CSS:
html, body{
height:100%;
background:black;
width:100%;
}
.ts {
background:red;
border-collapse:collapse;
border-spacing:0;
margin:auto auto;
width:70%;
height:3000px;
overflow:scroll;
}
.maine{
width:70%;
margin:auto auto;
background:white;
position:relative;
overflow-x:hidden;
}
.backtotopplank{
background:black;
background-size:100% 100%;
position:fixed;
width:153px;
height:56px;
left:900px;
bottom:0px;
cursor: pointer;
display:none;
}
和 JQuery:
$(".ts").scroll(function() {
var y = $(this).scrollTop();
if (y > 400) {
$(".backtotopplank").fadeIn();
} else {
$(".backtotopplank").fadeOut();
}
});
最佳答案
$(document).ready(function()
{
$(window).scroll(function() {
var y = $(this).scrollTop();
if (y > 100) {
$(".backtotopplank").fadeIn();
} else {
$(".backtotopplank").fadeOut();
}
});
});
试试这个可能会对你有帮助。它对我有用。
关于Jquery 滚动事件不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33404186/