0
我用這個(https://github.com/cheald/floatingFixed)javascript在我的網站上創建社交分享欄。它的工作很好,但我不想在頁面頁腳滾動時顯示它。這個怎麼做?這裏是我的網站頁面的一個http://thedripple.com/1384/lg-optimus-g-launch-price/滾動到特定位置後隱藏固定內容?
我用這個(https://github.com/cheald/floatingFixed)javascript在我的網站上創建社交分享欄。它的工作很好,但我不想在頁面頁腳滾動時顯示它。這個怎麼做?這裏是我的網站頁面的一個http://thedripple.com/1384/lg-optimus-g-launch-price/滾動到特定位置後隱藏固定內容?
相當直接的,因爲你已經包括jQuery的:窗口
$(window).scroll(function() { //when scrolled
var flt = $(".floater");
var offset = flt.offset().top + flt.height(); //get the current offset of the floater
var footertop = $("#footer").offset().top; //and the footer's top offset
if(offset > footertop) { //if you scrolled past the footer
flt.hide(); //hide the sharing tab
}
else {
flt.show(); //show it
}
});
他可能會想floater'的'高度添加到y偏移量。 – Shmiddty
實際上,最好是找到'floater'的偏移量而不是窗口的y-偏移量,因爲它會包含任何其他位置(邊距等)。 – Shmiddty
@Shmiddty修正 - 謝謝你的建議! – Chris