div在半途中时显示id

时间:2013-07-21 00:01:34

标签: javascript jquery html

所以我知道如何实际获取id和类以及基础知识,但我不知道如何做到这一点:  “当用户向下滚动时,应显示占据屏幕一半的帖子的标题。”

设置应该看起来像this ...    有什么想法吗?

2 个答案:

答案 0 :(得分:2)

你需要使用JS,我使用jQuery做一个简单的原型

这一切都是关于听scroll事件和处理元素从顶部的偏移,你需要为高度添加一个简单的条件,但现在它只是工作正常

$(window).scroll(function(){
var scrolledTop = $(this).scrollTop(); 
    console.log(scrolledTop); 
    $(".blog").each(function(){
        if($(this).offset().top < scrolledTop)
        {
            $('#blogname').html($(this).html()); 
        }

    }); 
}); 

查看此http://jsfiddle.net/GkrCU/2/

我希望这可以帮助:)

答案 1 :(得分:1)

这是我的回答

 $(window).scroll(function () {
     var windowheight = $(this).scrollTop();
     $(".blog").each(function () {
         var sc = $(this).offset().top;
         var id = $(this).attr('id');



         if (sc < windowheight) {
             $("#blogname span").html(id)
         }
     });
 });

http://jsfiddle.net/GkrCU/1/