Javascript 对滚动事件执行一些操作

当用户滚动窗口时，我试图在某个点上执行一些操作。基本上，我在我的网站上使用一些社交网络按钮，当用户看到我网站的文章时，我在文章的左侧显示一些tweet和like按钮，当用户向下滚动窗口时，我的tweet和like位置是固定的，所以它的位置是固定的

但问题是当用户将窗口向下滚动时，我的tweet和like按钮与评论框发生碰撞。那么我如何才能避免碰撞呢

我的代码是：

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

请帮帮我。谢谢。

查看此演示

查看此演示

您可以使用jquery，然后做出相应的反应。但是您应该提供一些代码，以便我们能够帮助您更多地使用jquery，然后做出相应的反应。但是您应该提供一些代码，以便我们可以帮助您更多地使用

$（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`

使用

$（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`

---

“碰撞”是什么意思？它们在视觉上相互重叠吗？当代码一起执行时，JavaScript代码是否会中断？不，collide意味着它与comment Box重叠。尽管您进行了编辑，但我仍然不清楚您的问题。你到底想要什么？更改元素的

位置

属性？找到一种方法来定位元素，使它们彼此不重叠？@Rob，是的，我正在试图找到一种方法来定位元素，使它们不重叠“碰撞”是什么意思？它们在视觉上相互重叠吗？当代码一起执行时，JavaScript代码是否会中断？不，collide意味着它与comment Box重叠。尽管您进行了编辑，但我仍然不清楚您的问题。你到底想要什么？更改元素的

位置

属性？找到一种方法来定位这些元素，使它们彼此不重叠吗？@Rob，是的，我正试图找到一种方法来定位这些元素，使它们不重叠