当前位置 : 主页 > 网络编程 > JavaScript >

layui问题之自动滚动二级iframe页面到指定位置的方

来源:互联网 收集:自由互联 发布时间:2021-04-05
一、问题 前提:用的layui框架 目标:改变iframe页面滚动条位置 问题:没有麻溜溜的滚。。 二、经过 刚开始,以为只要滚动iframe里面的元素就行了,页面所有元素都在section里面,就通

一、问题

前提:用的layui框架

目标:改变iframe页面滚动条位置

问题:没有麻溜溜的滚。。

二、经过

刚开始,以为只要滚动iframe里面的元素就行了,页面所有元素都在section里面,就通过section使滚动条滚动

$('section.layui-larry-box').scrollTop(300);

可想而知,不行

然后,又试了div啥的

最后直接试了包含这个页面的iframe标签,让iframe滚动

$(this).children('iframe').scrollTop(300);

不行。。

三、解决

最后看了一下原生js使iframe滚动的方法

document.getElementById('ghrzFrame').contentWindow.scrollTop=50;

感觉jq也要加一个类似contentWindow功能的函数

结果:

$(this).children('iframe').contents().scrollTop(300);

以上这篇layui问题之自动滚动二级iframe页面到指定位置的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

网友评论