确定鼠标是否始终位于页面底部
Determine whether mouse is always on the bottom of the page
如何确定鼠标是否始终在视口的底部?让我们假设我们所说的底部是指给定页面的底部100像素(在一个长滚动页面上)。
这是一个例子,检查箭头http://discover.store.sony.com/tablet/设计/重量分布
轻松!
使用window.screen.height和document.height计算当前窗口中显示的"底部"区域的大小。
然后使用onmousemove事件来计算鼠标是否步过该区域
创建一个你想要的尺寸的空白div,使用CSS来定位:absolute;它位于底部,并将其置于其他元素之上,然后创建一个onHover来检测鼠标是否在那里
编辑
这可能是一个解决方案,以避免使用上面的CSS方法(未经测试)
$(function(){
$.mousemove(function(e){
var wHeight = $(window).height();
var yMouse = e.pageY;
if(yMouse > (wHeight - 100)) {
// Do something
}
});
});
我想我解决了自己基于牧师骨头的代码:你必须计算窗口滚动顶部
var scrollT = $(window).scrollTop() + wHeight;
:
$(function(){
$.mousemove(function(e){
var wHeight = $(window).height();
var scrollT = $(window).scrollTop() + wHeight;
var yMouse = e.pageY;
if(yMouse > (scrollT - 100)) {
// Do something
}
});
});
相关文章:
- HTML5页面底部棒
- javascript跨浏览器确定用户是否滚动到页面底部
- javascript移动交叉浏览器确定用户是否滚动到页面底部
- 如何摆脱"压缩/块”;PHP页面底部的注释
- 如何防止firefox在打开大型弹出窗口时滚动到页面底部
- ng类应用于页面加载,表达式不真实
- 滚动至页面底部附近
- 使用 angularJs 修改 css.height 会导致 Internet Explorer 无法滚动到页面底部
- 如何防止文本区域在打字和进入页面底部时跳舞?:JQuery/CSS
- 页面底部的JavaScript
- ScrollMagic不适用于页面底部链接的jQuery
- 将函数应用于页面上的所有链接
- 每次加载页面时都加载页面底部
- 页面底部的空白处
- TFOOT位于页面底部
- 为什么javascript在页面底部或有时在页面顶部运行
- 使j查询ajax调用既适用于页面加载,也适用于单击按钮
- 页面底部的FB样式菜单栏被内容覆盖
- 如何在用户滚动到页面底部时仅加载一次数据
- 淡入后移动到页面底部