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 相关文章推荐
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
简略的前端架构心得&&基于editor为例子的编码小技巧
Nov 25 Javascript
javascript两种function的定义介绍及区别说明
May 02 Javascript
iframe子页面获取父页面元素的方法
Nov 05 Javascript
iframe里使用JavaScript控制主页转向的方法
Apr 03 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
Validform表单验证总结篇
Oct 31 Javascript
详解微信小程序开发之下拉刷新 上拉加载
Nov 24 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
解决使用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
建立文件交换功能的脚本(二)
2006/10/09 PHP
第六节--访问属性和方法
2006/11/16 PHP
php使用APC实现实时上传进度条功能
2015/10/26 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
Yii2基于Ajax自动获取表单数据的方法
2016/08/10 PHP
PHP 7安装调试工具Xdebug扩展的方法教程
2017/06/17 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
Laravel 登录后清空COOKIE的操作方法
2019/10/14 PHP
node.js中的buffer.Buffer.isBuffer方法使用说明
2014/12/14 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
详解Angualr 组件间通信
2017/01/21 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
详解webpack分离css单独打包
2017/06/21 Javascript
详解Vue快速零配置的打包工具——parcel
2018/01/16 Javascript
vue 使用Jade模板写html,stylus写css的方法
2018/02/23 Javascript
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
python判断一个集合是否包含了另外一个集合中所有项的方法
2015/06/30 Python
不同版本中Python matplotlib.pyplot.draw()界面绘制异常问题的解决
2017/09/24 Python
python实现单链表中删除倒数第K个节点的方法
2018/09/28 Python
python从子线程中获得返回值的方法
2019/01/30 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
python全局变量引用与修改过程解析
2020/01/07 Python
spyder 在控制台(console)执行python文件,debug python程序方式
2020/04/20 Python
详解Tensorflow不同版本要求与CUDA及CUDNN版本对应关系
2020/08/04 Python
python3中确保枚举值代码分析
2020/12/02 Python
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
linux面试题参考答案(8)
2015/08/11 面试题
数控加工专业毕业生自荐信
2013/09/27 职场文书
小学生竞选班干部演讲稿
2014/04/24 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
团支部书记竞选稿
2015/11/21 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书
Java Dubbo框架知识点梳理
2021/06/26 Java/Android
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers
Jmerte 分布式压测及分布式压测配置
2022/04/30 Java/Android
python+pyhyper实现识别图片中的车牌号思路详解
2022/12/24 Python