jq 文档顶部碰到哪个div

<html><head><style>.on_box{width:100%;height:300px;display:block;}.box0{background:#0... <html>
<head>
<style>
.on_box{width:100%;height:300px;display:block;}
.box0{background:#000000}
.box1{background:#0000ff}
.box2{background:#ff0000}
.box3{background:#00ff00}
.box4{background:#00ffff}
</style>
</head>
<body>

<div class="on_box box0" data-index="0"></div>
<div class="on_box box1" data-index="1"></div>
<div class="on_box box2" data-index="2"></div>
<div class="on_box box3" data-index="3"></div>
<div class="on_box box4" data-index="4"></div>
<div class="on_box box5" data-index="5"></div>

<div class="text"></div>
</body>
</html>

JQ判断当前是哪个div碰到浏览器的顶部了,也就是jQuery(window).scrollTop(),
然后在.text里显示data-index的值
但是
比如box0碰顶了,但是box1还没到,就一直显示box0的data-index的值
==========按照我的题目效果，以下代码就是我需要的了，送给需要的朋友===========
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(window).scroll(function () {
var _top = $(this).scrollTop();
var arr = $('.on_box');
for (var i = arr.length - 1; i >= 0; i--){
if (_top > arr.eq(i).offset().top){
$(".text").html(arr.eq(i).attr("data-index"));
return;
}
}
});
</script> 展开

 我来答

1个回答

#热议# 普通体检能查出癌症吗？

灰常了dei
2015-04-21 · TA获得超过1736个赞

知道小有建树答主

回答量：596

采纳率：60%

帮助的人：620万

我也去答题访问个人页

关注

展开全部

$(window).scroll(function () {
            var _top = $(this).scrollTop();
            var arr = $('.on_box');
            for (var i = arr.length - 1; i >= 0; i--)
            {
                if (_top > arr.eq(i).offset().top)
                {
                    alert(arr.eq(i).data("text"));
                    return;
                }
            }
        });
这样可以么。具体的楼主修改修改


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jq 文档顶部碰到哪个div

其他类似问题

为你推荐：