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


Posted in Javascript onSeptember 18, 2019

一、问题

前提:用的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页面到指定位置的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 动态文字滚动的例子
Jan 17 Javascript
jQuery判断密码强度实现思路及代码
Apr 24 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
javascript break指定标签打破多层循环示例
Jan 20 Javascript
JavaScript数据结构和算法之图和图算法
Feb 11 Javascript
JavaScript程序开发之JS代码放置的位置
Jan 15 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
AngularJS自定义指令实现面包屑功能完整实例
May 17 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
Oct 11 Javascript
Vue防止白屏添加首屏动画的实例
Oct 31 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
Sep 18 #Javascript
Flutter实现仿微信底部菜单栏功能
Sep 18 #Javascript
详解element-ui中表单验证的三种方式
Sep 18 #Javascript
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 #Javascript
vue中使用element组件时事件想要传递其他参数的问题
Sep 18 #Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 #Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
Sep 18 #Javascript
You might like
php中批量替换文件名的实现代码
2011/07/20 PHP
php中使用DOM类读取XML文件的实现代码
2011/12/14 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
Laravel学习教程之model validation的使用示例
2017/10/23 PHP
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
js判断客户端是iOS还是Android等移动终端的方法
2013/12/11 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
详解AngularJS脏检查机制及$timeout的妙用
2017/06/19 Javascript
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
2018/05/03 Javascript
webpack4实现不同的导出类型
2019/04/09 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
[49:21]2018DOTA2亚洲邀请赛3月30日 小组赛B组 Effect VS iG
2018/03/31 DOTA
Python学习笔记之常用函数及说明
2014/05/23 Python
在Python中使用next()方法操作文件的教程
2015/05/24 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
Tensorflow tf.dynamic_partition矩阵拆分示例(Python3)
2020/02/07 Python
完美解决pycharm导入自己写的py文件爆红问题
2020/02/12 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
CSS3 clip-path 用法介绍详解
2018/03/01 HTML / CSS
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
应届护士求职信范文
2014/01/26 职场文书
《陶罐和铁罐》教学反思
2014/02/19 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
文明礼仪主题班会
2015/08/13 职场文书
幼儿园大班教学反思
2016/03/02 职场文书
详解MySQL 联合查询优化机制
2021/05/10 MySQL