jQuery的:显示一个隐藏的DIV的页面滚动
问题描述:
jQuery的jQuery的:显示一个隐藏的DIV的页面滚动
function showDiv() {
if ($(window).scrollTop() > 100) {
$('.lock').fadeIn('slow');
} else {
$('.lock').fadeOut('slow');
});
}
$(window).scroll(showDiv);
showDiv();
HTML(.lock {显示:无;位置:固定;})
<div class="lock">
Text
</div>
我试图让隐藏当您滚动到页面的某个部分时会出现固定div,并在您向后滚动时消失。我究竟做错了什么?
答
看起来像一个语法问题
function showDiv() {
if ($(window).scrollTop() > 100) {
$('.lock').fadeIn('slow');
} else {
$('.lock').fadeOut('slow');
}//); <-- drop this close parenthesis/semicolon
}
答
请测试这个: 把样式放在div.lock元素中。
<div class="lock" style="display: none; position: fixed;">
Text
</div>