如何在屏幕jquery上显示可见DIV的ID。 (当浏览器屏幕上的Div显示相应的ID时应提醒))

时间:2015-03-26 12:54:23

标签: jquery

getdivs.php

<div class="same" id="childcontainer1">  
    content here content here content here  
</div> 
<div class="same" id="childcontainer2"> 
    content here content here content here  
</div>

index.php

<html>
<head> 
    <script type="text/javascript" src="jquerys\jquery.js"></script> 
    <style>
        #parentcontainer div {  
            height: 500px;  
            width: 600px;                  
            clear: both;                  
            border: 1px solid red;   
            padding: 10px;  
            margin: 50px 0px;  
        } 
    </style> 
    <script>  
        function showHint() { 
            $('div').load('getdivs.php');  
            $('body').on('click', '.same1 , .same ', function() {
                alert($(this).attr('id'));     
            }); 
        }  
    </script>
</head> 
<body onload="showHint()"> 
    <p>
        Suggestions: 
        <div class="same2" id="parentcontainer"></div>
    </p>
</body>
</html>

我可以通过点击获取它,但是当我滚动浏览器时我想要它。应该向div显示适当的ID。我过去24小时都在搜索这个。请帮忙谢谢。

2 个答案:

答案 0 :(得分:0)

如果我理解您正确询问的内容,那么您希望在浏览器滚动时运行相同的登录信息...

从jQuery的文档here中查看.scroll()

答案 1 :(得分:0)

 $('div').each(function(){
    if($(this).offset().top + $(this).height() > cutoff){
        alert("Div id : "+$(this).attr("id"));
        return false; // stops the iteration after the first one on screen
    }
});

它将提醒屏幕上显示的当前Div ID