使用boostrap检查元素是否用户可见
check if element is user visible using boostrap
我在stackoverflow上经历了很多解决方案来检查一个元素当前是否在用户窗格中可见,但当使用bootstrap时,它们似乎都不起作用。
如果正确的jsfiddle结果屏幕足够大,可以显示正确的列,则显示'OK'警报。但如果右列位于折叠栏下方,那么当用户滚动到元素所在位置时,我不会得到任何警告。
https://jsfiddle.net/play75010/xjuj49kr/5/这里我使用checkVisible()在stackoverflow上找到,但我已经检查了它与许多其他解决方案。
你知道吗?
function checkVisible( elm, evalType ) {
evalType = evalType || "visible";
var vpH = $(window).height(), // Viewport Height
st = $(window).scrollTop(), // Scroll Top
y = $(elm).offset().top,
elementHeight = $(elm).height();
if (evalType === "visible") return ((y < (vpH + st)) && (y > (st - elementHeight)));
if (evalType === "above") return ((y < (vpH + st)));
}
尝试检查滚动可能是你正在寻找的:
$(window).scroll( function() {
update();
console.log('fire');
});
小提琴
相关文章:
- 如何使用jquery确定用户是否年满18岁
- javascript跨浏览器确定用户是否滚动到页面底部
- javascript移动交叉浏览器确定用户是否滚动到页面底部
- 如何检查用户是否使用$routeChangeStart登录angularjs
- 如何检测用户是否在同一会话中打开了多个窗口或选项卡
- 询问用户是否要打开地理位置
- 检测用户是否具有打印功能
- 检查用户是否在Orchard CMS中获得授权
- HTML.如何检查用户是否在表单中输入了文本
- 如何检查用户是否开始关注
- 检查用户是否正在访问纯根url
- 检测用户是否有从其重定向的意图's页
- 如何发现用户是否使用jQuery滚动到HTML容器的末尾
- 使用jQuery检测用户是否退出全屏视频
- 检查用户是否具有角色分析云代码
- 如何检查用户是否已经在NodeJs-Mongoose中关注其他用户
- 检查请求的用户是否是django中的所有者
- 如何检测用户是否移动了滚动条
- Facebook JavaScript SDK 检查用户是否为粉丝(错误:指定的版本无效)
- 有没有办法检测用户是否真的远离计算机