滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示
2017-06-01 09:53
525 查看
$(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实现页面滚动时顶部导航显示隐藏
- jQuery实现页面滚动时顶部动态显示隐藏
- jQuery实现页面滚动时顶部动态显示隐藏
- 基于jquery实现页面滚动时顶部导航显示隐藏
- jQuery实现页面滚动时顶部动态显示隐藏
- jQuery实现拉动页面固定顶部显示且自动消失(火狐)
- jQuery实现页面滚动时元素智能定位,页面导航栏会自动定位到浏览器顶部
- 自动显示隐藏返回顶部功能
- 文本框文本域提示自动显示隐藏jQuery小插件实例页面
- jquery根据滚动像素显示隐藏顶部导航条
- JS实现当前编辑行自动滚动至div显示区域
- 模拟js的首页动态推荐页面 Gallery 自动播放 无限循环 指示器显示 点击事件
- jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
- js隐藏与显示回到顶部按钮及window.onscroll事件应用
- js点击页面其它地方将某个显示的DIV隐藏
- jQuery弹出Div窗口居中显示、滚动跟随、关闭按钮以及几秒后自动消失
- JS实现当前编辑行自动滚动至div显示区域