文档章节

根据鼠标位置滚屏

非有非非有
 非有非非有
发布于 2017/03/08 16:50
字数 314
阅读 2
收藏 0

 

screenX:以计算机显示屏左上角为原点(兼容各大浏览器)

clientX:以浏览器窗口左上角为原点(兼容各大浏览器),当滑动条移动的时候它将改变。

pageX:FF特有的属性,ie并没有此属性,以文档窗口左上角为原点,也就是以页面的左上角为原点,它的位置是不会随着滑动条的改变而改变。但是,我们可以通过pageX=clientX+scrollLeft-clientleft 来获得一样的效果。clientX(如上所说以浏览器窗口左上角为原点)+scrollLeft(页面向左滚动的距离)-clientleft (边框的厚度);

layerX:FF特有属性,以触发元素最近的设置了absolute或relative的父亲元素左上角为原点(包含border边框);如果没有,就以文档窗口左上角为原点。

offsetX:这个属性不兼容Firefox,以触发元素(当前事件的目标对象)左上角(内容的左上角不包括border)为原点。

function mousePosition(ev) {
    if (ev.pageX || ev.pageY) {
        return {x: ev.pageX, y: ev.pageY};
    }
    return {
        x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
        y: ev.clientY + document.body.scrollTop - document.body.clientTop
    };
}

document.onmousemove = mouseMove;

function mouseMove(ev) {
    ev = ev || window.event;
    var mousePos = mousePosition(ev);
    if (document.body.scrollTop + document.body.clientHeight - mousePos.y < 5) {
        self.scroll(0, document.body.scrollTop + 10);
    }
}

 

 

 

 

 

本文转载自:

上一篇: 构建工具收集
下一篇: 关于时间的查询
非有非非有
粉丝 6
博文 29
码字总数 7498
作品 0
昌平
程序员
私信 提问
问答的翻页链接

问答的翻页链接按钮只有下部有,必须得滚屏到最下才能点击。当回复、修改回复之后页面默认跳转到第一页,还得滚屏后才能翻页到最后。不方便。尤其是问题内容越多则滚屏越长。 如果在上方某个...

mark35
2011/06/14
82
1
基于 React 的滚动条方案

看到标题,你一定要问: 为什么还要再造一个轮子?不好用吗?那还有 啊? 这两个库都不错,自己平时也用,之所以要做,原因只有两个: 不符合 React 的范式: 这两个库都是跨平台的,都是直接...

supin
07/14
0
0
FineReport中如何实现自动滚屏效果

对于一些特殊的模板,可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多,超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到JS滚屏效果来解...

雄霸天下啦
2018/06/26
0
0
滑动分屏使用ScrollLayout组件显示webview的问题

在ScrollLayout中添加webview,打开的web中,上下滚屏出现停滞的情况,请问是什么问题?感觉是滑动时,要计算位置导致延迟。

chendaivin
2015/05/20
106
0
创建数据到平面或分层样式的Xtreme Report报表控件

Xtreme Report为windows软件开发者提供一个完善的类似于Outlook 2003报表的风格。Windows开发者可以方便的创建一组数据到一个平面或分层样式中,还可在报表中自定义颜色与已有的应用程序相匹...

netkongjian
2014/06/04
40
0

没有更多内容

加载失败,请刷新页面

加载更多

自定义ApiBoot Logging链路以及单元ID生成策略

ApiBoot Logging会为每一个请求都对应创建链路编号(TraceID)以及单元编号(SpanID),用于归类每一次请求日志,通过一个链路下日志单元的Parent SpanID可以进行上下级关系的梳理。 前文回顾...

恒宇少年
18分钟前
6
0
浅谈 Application 和 activity

对于 在 Application初始化一些变量,为什么不可以放在activity 或者其他的组件里呢? 这里就根据个人的理解来讲述一下,欢迎补充指正。 首先 activity 是以栈的形式出现,一个app应用会有多...

MrLins
18分钟前
5
0
Allegro的脚本文件内容里都有哪些

小伙伴们在使用Allegro的时候是否经常用到脚本文件夹呢?scr的用法其实可真不简单。。。 首先脚本文件的运行模式就存在很多种,比如不提示错误信息,不弹出确认对画框(这样很有利于我们执行...

demyar
20分钟前
12
0
微信升级外链管理规范,「砍一刀帮我加速」要被禁止了

原创: 蒋鸿昌 首发:「知晓程序」公众号 - 最好的微信新商业媒体 几天前,知名互联网评论人阑夕模仿皮尤研究中心(Pew Research Center)在美国做的互联网通识调查问卷,做了一份中文版问卷...

知晓云
20分钟前
8
0
CentOS 7接投影仪

我将一台安装着CentOS 7图形界面的惠普笔记本电脑当桌面使用。最近,想要连接投影仪时却遇到了问题。笔记本有一个HDMI接口。我买了一个HDMI---->VGA的转接线,连上笔记本电脑后,屏幕一直在闪...

大别阿郎
24分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部