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 代码集(学习js的朋友可以看下)
Jul 22 Javascript
php图像生成函数之间的区别分析
Dec 06 Javascript
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
Jan 02 Javascript
Ajax异步提交表单数据的说明及方法实例
Jun 22 Javascript
JavaScript实现表格快速变色效果代码
Aug 19 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 Javascript
在vue项目中使用sass的配置方法
Mar 20 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
vue 根据选择条件显示指定参数的例子
Nov 09 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 Javascript
JavaScript 防抖和节流遇见的奇怪问题及解决
Nov 20 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/10/08 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
php unset全局变量运用问题的深入解析
2013/06/17 PHP
thinkphp3.x连接mysql数据库的方法(具体操作步骤)
2016/05/19 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
php中__toString()方法用法示例
2016/12/07 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
JS获得图片alt信息的方法
2015/04/01 Javascript
用javascript获取任意颜色的更亮或更暗颜色值示例代码
2017/07/21 Javascript
nodejs项目windows下开机自启动的方法
2017/11/22 NodeJs
vue-cli webpack2项目打包优化分享
2018/02/07 Javascript
react build 后打包发布总结
2018/08/24 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
PHPStorm中如何对nodejs项目进行单元测试详解
2019/02/28 NodeJs
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
Python的requests网络编程包使用教程
2016/07/11 Python
Python中int()函数的用法浅析
2017/10/17 Python
Python WSGI的深入理解
2018/08/01 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
Python3中编码与解码之Unicode与bytes的讲解
2019/02/28 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
15个应该掌握的Jupyter Notebook使用技巧(小结)
2020/09/23 Python
Django集成MongoDB实现过程解析
2020/12/01 Python
python实现计算图形面积
2021/02/22 Python
用CSS3实现瀑布流布局的示例代码
2017/11/10 HTML / CSS
焊接专业毕业生求职信
2013/10/01 职场文书
2014年大学生自我评价
2014/01/19 职场文书
乡镇交通安全实施方案
2014/03/29 职场文书
联村联户简报
2015/07/21 职场文书
MySQL时间设置注意事项的深入总结
2021/05/06 MySQL