我有一些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. 如何滚动到某个div onclick?
- 3. 如何触发某个方法启动?
- 4. 在某个时间手动触发`automaticallyAdjustsScrollViewInsets`
- 5. jQuery如何在某个位置手动滚动时滚动到?
- 6. 如何让RecyclerView查看某个位置而不滚动?
- 7. 如何触发灯箱加载一旦用户滚动到某个Div
- 8. 当达到某个滚动距离时触发事件jQuery
- 9. 使用div滚动到某个点
- 10. 将固定div滚动到某个点
- 11. Stop Body滚动在某个div
- 12. 停止在某个div的滚动
- 13. 滚动到某个div与url
- 14. 在某个时间触发一个动作,有可能吗?
- 15. 如何在页面加载时滚动到某个Div
- 16. 如果某个用户查看某个页面做一个动作
- 17. jquery,滚动时在某个位置查找div类名称
- 18. 当触摸移动某个元素时禁用滚动
- 19. 如何滚动到某个项目?
- 20. 页面滚动到某个元素触发事件
- 21. 滚动查看只检测某些区域的滚动?
- 22. 某网站滚动%后的浮动div
- 23. 如何触发键入动画当一个人在JQuery中滚动超过某个点时
- 24. 使滚动条对某个div对象起作用
- 25. 如何在自动滚动到某个位置时更改滚动速度?
- 26. 如何滚动到滚动的某个位置
- 27. 当滚动到某个div时更改徽标
- 28. jQuery:当滚动某个类的div时运行
- 29. 当我将鼠标悬停在某个div上时,如何触发自动滚屏向下屏幕?
- 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