滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示
2015-01-21 10:28
603 查看
$(function () {
//绑定滚动条事件
//绑定滚动条事件
$(window).bind("scroll", function () {
var sTop = $(window).scrollTop();
var sTop = parseInt(sTop);
if (sTop >= 130) {
if (!$("#scrollSearchDiv").is(":visible")) {
try {
$("#scrollSearchDiv").slideDown();
} catch (e) {
$("#scrollSearchDiv").show();
}
}
}
else {
if ($("#scrollSearchDiv").is(":visible")) {
try {
$("#scrollSearchDiv").slideUp();
} catch (e) {
$("#scrollSearchDiv").hide();
}
}
}
});
})
//绑定滚动条事件
//绑定滚动条事件
$(window).bind("scroll", function () {
var sTop = $(window).scrollTop();
var sTop = parseInt(sTop);
if (sTop >= 130) {
if (!$("#scrollSearchDiv").is(":visible")) {
try {
$("#scrollSearchDiv").slideDown();
} catch (e) {
$("#scrollSearchDiv").show();
}
}
}
else {
if ($("#scrollSearchDiv").is(":visible")) {
try {
$("#scrollSearchDiv").slideUp();
} catch (e) {
$("#scrollSearchDiv").hide();
}
}
}
});
})
相关文章推荐
- 滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示
- 滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示
- 纯JS实现页面滚动至顶部并自动显示或隐藏
- 基于jquery实现页面滚动时顶部导航显示隐藏
- html关于强制显示、隐藏浏览器的滚动条,解决由于高度变化带来的滚动条影响页面宽度的问题
- 页面内容添加新的显示或者显示隐藏的内容,滚动条滚动到最低端,显示出新内容
- 页面加载完毕后滚动条自动滚动一定位置
- 基于jquery实现页面滚动时顶部导航显示隐藏
- jQuery实现页面滚动时顶部动态显示隐藏
- js实现html页面滚动条向下拉到一定的程度时,某个div就固定在顶部,向上拉时返回原位置。
- 阻止在div上滚动滚动条,到底部和顶部带动整个页面的滚动条
- jQuery实现页面滚动时顶部动态显示隐藏
- 滚动条滚动一定高度后固定在顶部,否则不固定在顶部
- js判断滚动条是否已到页面最底部或顶部实例-拓展(逐渐-自动下滑滚动)
- 监听鼠标滚动事件,当滚动条滚动到某些距离时 显示DIV
- 页面加载完毕后滚动条自动滚动一定位置
- 页面内滚动条局部滚动分页div滚动事件 滚动分页 异步滚动分页 ajax滚动
- 在 IE 浏览器中,使用 bootstrap 使得页面滚动条浮动显示,自动隐藏,自动消失
- 页面加载完毕后滚动条自动滚动一定位置
- DIV常见任务(上) —常规任务(显示滚动条/隐藏div/禁止事件冒泡等等)