스크롤 이벤트에서 일부 동작 수행

사용자가 창을 스크롤 할 때 어떤 동작을 수행하려고합니다. 기본적으로 내 웹 사이트에서 사용자가 내 웹 사이트의 기사를 볼 때 일부 소셜 네트워킹 버튼을 사용하고 있습니다. 기사의 왼쪽에 일부 짹짹과 같은 버튼이 있고 사용자가 창을 스크롤하면 내 짹짹과 같은 위치가 고정되어 있으므로 막대기가 고정되어 있습니다. 위치.스크롤 이벤트에서 일부 동작 수행

하지만 문제는 사용자가 내 트윗을 아래로 스크롤하고 같은 버튼이 댓글 상자와 충돌 할 때입니다. 어떻게 충돌을 멈출 수 있습니까?

내 코드는 다음과 같습니다

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

저를 도와주세요. 감사.

출처

2011-09-19 Tushar Ahirrao

"충돌"이란 무엇을 의미합니까? 그들은 시각적으로 서로 겹 칩니 까? 코드가 함께 실행될 때 JavaScript 코드가 깨지십니까? –

아니요, 충돌이 댓글 상자와 겹치다는 것을 의미합니다. –

수정 한 내용에도 불구하고 내 질문에 여전히 답이 없습니다. 정확히 당신은 무엇을 원하니? 요소의'position' 속성 변경하기? 서로 겹치지 않도록 요소 위치를 찾는 방법? –

을 사용하여 요소의 높이 (예 : "주석 상자")를 결정하십시오. 도구의 위치를 변경하려면 다음 값을 사용하십시오.

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`

출처

2011-09-19 14:46:52