我有一些div,我需要觸發一個動作(浮動另一個div或例如發出警報)當某個div被查看或滾動到..什麼是最好的方法來做到這一點?如何查看/滾動某個div時觸發某個動作?
0
A
回答
0
你的意思是「看」我不知道是什麼 - 但這裏是當用戶把他們的鼠標在div
,你會怎麼做:
function isScrolledIntoView(elem) {
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}
$(window).scroll(function() {
if(isScrolledIntoView(myelement)) {
// in view
} else {
// not in view
}
});
感謝Is there a way to detect when an HTML element is hidden from view?
0
你可以可能使用Bullseye jQuery plugin,它增加了enterviewport
和leaveviewport
事件元素。
相關問題
- 1. 如何滾動某個div?
- 2. 在某個時間手動觸發`automaticallyAdjustsScrollViewInsets`
- 3. 當達到某個滾動距離時觸發事件jQuery
- 4. 停止在某個div的滾動
- 5. 將固定div滾動到某個點
- 6. 使用div滾動到某個點
- 7. Stop Body滾動在某個div
- 8. 在某個時間觸發一個動作,有可能嗎?
- 9. 如果某個用戶查看某個頁面做一個動作
- 10. 當觸摸移動某個元素時禁用滾動
- 11. 某網站滾動%後的浮動div
- 12. 如何觸發鍵入動畫當一個人在JQuery中滾動超過某個點時
- 13. 如何在自動滾動到某個位置時更改滾動速度?
- 14. 如何滾動到滾動的某個位置
- 15. 當我將鼠標懸停在某個div上時,如何觸發自動滾屏向下屏幕?
- 16. jQuery如何觸發某個選項的某個選項
- 17. 如何製作某個自定義的listview項目,發送給某個活動?
- 18. 如何判斷滾動條何時處於某個高度?
- 19. 如何僅在滾動到某個位置時調用函數?
- 20. 如何通過滾動模糊某個元素,直至模糊到某個點?
- 21. 後觸摸並按住滾動查看比滾動不工作
- 22. 如何在滾動的某些像素之後觸發css動畫
- 23. 使div的行爲就像一個粘滯滾動時達到某些div
- 24. 只在某個地方製作一個div頁面滾動頁面?
- 25. 通過滾動觸發div動畫
- 26. 將頁面滾動到某個點,然後開始使用一個滾動條滾動div的溢出內容
- 27. 觸摸CALayer時觸發一個動作?
- 28. UITableView不會滾動到某個位置
- 29. SQL滾動總計到某個日期
- 30. 滾動到某個標籤窗格
請參閱http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport – akdh 2013-03-23 20:27:46