新普京网站-澳门新普京 > 新普京网站 > js判断iframe内的网页是否滚动到底部触发事件_javascript技巧_脚本之家

js判断iframe内的网页是否滚动到底部触发事件_javascript技巧_脚本之家

2019/12/29 21:33

前边有个必要是要判定iframe内的网页是或不是滚动到底层触发事件, 英特网找了点不清资料都是说在当前页面下的, 索性就和好商量了一下, 找到了减轻方法. clientHeight:那个因素的中度,占用整个空间的莫斯中国科学技术大学学offsetHeight:是指成分内容的莫大scrollTop:能够明白为滚动条能够滚动的长短 以下是源代码 复制代码 代码如下:

近几年在做博客的目录成效,发掘叁个在现代浏览器间的叁个bug,或是称之为差别,即页面滚动值的拿走与设定。

在此以前先说一下有关页面成分的坐标获取,这张图的卓越性不必再提。

落到实处滚动到某地方功用

三个最重大的职能便是贯彻点击标题页面滚动,因为我们要滚动到页面有些标题,所以供给总结出滚动那一个因素的切实可行相对地方,而常用的offsetTop是赢拿到当下成分与之如今的主宰其稳住的要素的偏移量,此处不适用。

那边应利用浏览器原生提供的 getBoundingClientRect 接口,此函数重回的是因素间距浏览器各边距的相对地方,跟是怎么定位类型的非亲非故,特别切合制作页面滚动作效果应。

拿到滚动必要的数量, body 的 scrollTop 即页面已经被滚动所遮掩的惊人,再依附地点提到的接口获取成分间距浏览器最上部的离开,能够算出需求的滚动的万丈,关系图如下:

遂,页面要滚动到的岗位便是:

复制代码 代码如下:document.body.scrollTop+element.getBoundingClientRect(卡塔尔.top;

此处顺带说下getBoundingClientRect().top 获取的要素在被滚动隐蔽与非滚动时的界别:

如上航海用教室能够看看,就算要滚动到的成分局分在浏览器边界外,获取到的top即为负数,遂计算出来的页面中度依旧是不错的。

点击目录跳转的效用就做完了,于今停止都很全面。

FireFox与Chrome的scrollTop的包容难点

直到小编前日在FireFox测量检验时开采,火狐下页面滚动的跳转功效不可能接受。

1、原生接口测量检验

document.documentElement 即 元素,而 document.body

上一篇:弹出窗口并且此窗口带有半透明的遮罩层效果_javascript技巧_脚本之家 下一篇:没有了