layui问题之自动滚动二级iframe页面到指定位置的方法
更新时间：2019年09月18日 10:00:58 作者：柒仔不安
今天小编就为大家分享一篇layui问题之自动滚动二级iframe页面到指定位置的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
一、问题
前提：用的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页面到指定位置的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在学习ES6的过程中我碰到了几个特性，它们让我惊讶，其中大部分是关于 ES6 的特性但也有一部分是 ES3 特性，这些特性我以前从未用过，而现在我将开始使用它们，感兴趣的小伙伴可以跟着小编一起来学习2023-05-05
这篇文章主要介绍了微信小程序实现上传图片，预览、删除、限制图片大小、张数，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了浅析javascript中函数声明和函数表达式的区别,需要的朋友可以参考下2015-02-02
两个JavaScript jsFiddle JSBin在线调试器
这两个工具都是刚诞生不久，都还在不断完善中，虽然目前jsFiddle要优于JS Bin，但是我还是更看好后者2010-03-03
对于生成缩略图一般做法是通过后端语言php等来生成，但是为了给服务器减压，我们或许可以从前端来着手，先生成好不同尺寸的缩略图，传给后端，而后端只需要将前端传过来的图片进行存储就好了2020-10-10
本文文章通过两段代码实例给大家介绍了基于javascript实现网站访问量统计代码，对js实现网站访问量统计相关知识感兴趣的朋友一起学习吧2015-12-12
这篇文章主要为大家详细介绍了javascript实现简单飞机大战小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要为大家详细介绍了JS实现点击文本框改变背景颜色，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要为大家详细介绍了基于JavaScript实现抽奖系统，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
这篇文章主要为大家详细介绍了纯js和css完成贪吃蛇小游戏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
最新评论