对滚动事件执行一些操作

时间:2011-09-19 14:30:33

标签: javascript jquery html css scroll

当用户滚动窗口时,我试图在某些点上执行某些操作。基本上我在我的网站上使用一些社交网络按钮,当用户看到我的网站的文章我显示一些推文和文章左侧的按钮,当用户滚动窗口下来然后我的推文和喜欢的位置是固定的所以它坚持在那里位置。

但问题是当用户在我的推文上滚动窗口时,按钮与评论框发生碰撞。那我怎么能阻止碰撞。

我的代码是:

$(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)
     }
    });
});

请帮帮我。感谢。

3 个答案:

答案 0 :(得分:2)

答案 1 :(得分: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`

答案 2 :(得分:1)

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