2011-09-19 82 views
1

我想在用户滚动窗口时执行某些操作。基本上我用我的网站上的一些社交网络按钮,当用户看到我的网站的文章时,我正在显示一些推文,并喜欢文章左侧的按钮,当用户滚动窗口,然后我的推文和像位置是固定的,所以它的棍子在那里位置。在滚动事件上执行一些操作

但问题是,当用户滚动窗口向下我的推文,并像按钮与评论box.so如何可以停止碰撞。

我的代码是:

$(document).ready(function(){ 
alert($(".comment-content").offset().top); 
    $(window).scroll(function() { 
    if($(window).scrollTop()=="1260"){ 
       // want to change position of tweet and like button to relative; (position:relative) 
    } 
    }); 
}); 

请帮助我。谢谢。

+0

“碰撞”是什么意思?它们是否在视觉上相互重叠?当代码一起执行时,JavaScript代码是否会中断? –

+0

不,碰撞意味着它与评论框重叠 –

+0

尽管已编辑,您的问题仍然不清楚。你想要什么?更改元素的'position'属性?找到一种方法来定位这些元素,使它们不会相互重叠? –

回答

2

使用$(element).height()来确定元素(如“评论框”)的高度。使用此值更改为工具的位置,例如:

var offset = $("#comments-box").height(); 
var mytoolbox = $("#myToolbox"); 

offset = offset+20; // Function logic (example). Adjust this line to meet your wishes 
mytoolbox.css("bottom", offset+"px"); //In conjunction with `position:fixed` 
mytoolbox.css("top", offset+"px"); //When used in conjunction with `position:absolute` 
1

您可以使用jQuery scroll(),然后做出相应的反应。但是,你应该提供一些代码,以便我们可以帮助您更

相关问题