判断滚动条距离顶部为0执行事件jq--滚动到顶部的距离

简介: 判断滚动条距离顶部为0执行事件jq--滚动到顶部的距离
// 判断滚动条
var top = $(document).scrollTop();
    if(top < 10){
    $(".header").hide();
    }else if(top < 20){
    $(".header").show();
}
<script>
$(document).ready(function () {
    $(window).on('scroll', function () {
        var t = $(window).scrollTop();
        if (t > 100) {
            alert("超出后");
            // $(".div").addClass("bgs");
        } else {
            alert("小于100");
            // $(".div ").removeClass("bgs");
        }
    })
});
</script>
相关文章
|
22天前
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
|
7月前
|
前端开发 JavaScript 容器
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
29 0
|
9月前
|
JavaScript
获取dom节点与页面顶部的高度 +平滑的自动上拉到页面顶部
获取dom节点与页面顶部的高度 +平滑的自动上拉到页面顶部
|
JavaScript
js监听页面或元素scroll事件,滚动到底部或顶部
js监听页面或元素scroll事件,滚动到底部或顶部
1094 0
js监听页面或元素scroll事件,滚动到底部或顶部
获取 table 距离窗口上方的高度(有深度的文章)
获取 table 距离窗口上方的高度(有深度的文章)
170 0
利用offsetTop和scrollTop实现移动端常见的当分类栏移动到顶部时固定位置效果
利用offsetTop和scrollTop实现移动端常见的当分类栏移动到顶部时固定位置效果
164 0
|
Web App开发 JavaScript Android开发
jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
webtouch(webapp)页面,防苹果手机safari浏览器,往上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。
315 0
|
JavaScript
原生js判断某个区域的滚动条滚动到了底部
原生js判断某个区域的滚动条滚动到了底部
原生js判断某个区域的滚动条滚动到了底部
|
JavaScript
事件监听 & 页面滚动(页面滚动到某一位置时显示/隐藏某元素,Vue环境)
事件监听 & 页面滚动(页面滚动到某一位置时显示/隐藏某元素,Vue环境)
1349 0
事件监听 & 页面滚动(页面滚动到某一位置时显示/隐藏某元素,Vue环境)