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 相关文章推荐
xmlHTTP实例
Oct 24 Javascript
初学Javascript的一些总结
Nov 03 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 Javascript
js 固定悬浮效果实现思路代码
Aug 02 Javascript
jquery及原生js获取select下拉框选中的值示例
Oct 25 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
Feb 27 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
vuejs父子组件通信的问题
Jan 11 Javascript
vue如何获取点击事件源的方法
Aug 10 Javascript
Element Notification通知的实现示例
Jul 27 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的几个常用数字判断函数代码
2012/04/24 PHP
JQuery中如何传递参数如click(),change()等具体实现
2013/04/28 Javascript
NodeJS使用jQuery选择器操作DOM
2015/02/13 NodeJs
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
nodejs 实现钉钉ISV接入的加密解密方法
2017/01/16 NodeJs
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
微信小程序 this和that详解及简单实例
2017/02/13 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
vue component组件使用方法详解
2017/07/14 Javascript
微信通过页面(H5)直接打开本地app的解决方法
2017/09/09 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
如何理解Vue的v-model指令的使用方法
2018/07/19 Javascript
JavaScript常见继承模式实例小结
2019/01/11 Javascript
JavaScript私有变量实例详解
2019/01/24 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
vue实现按钮切换图片
2021/01/20 Vue.js
Python写的服务监控程序实例
2015/01/31 Python
python使用PyGame播放Midi和Mp3文件的方法
2015/04/24 Python
搞笑的程序猿:看看你是哪种Python程序员
2015/06/12 Python
Python中datetime常用时间处理方法
2015/06/15 Python
详解Python3中字符串中的数字提取方法
2017/01/14 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
利用Python复制文件的9种方法总结
2019/09/02 Python
Python中类似于jquery的pyquery库用法分析
2019/12/02 Python
解决Python列表字符不区分大小写的问题
2019/12/19 Python
python 解决tqdm模块不能单行显示的问题
2020/02/19 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
python中的列表和元组区别分析
2020/12/30 Python
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
帕克纽约:PARKER NY
2018/12/09 全球购物
《画杨桃》教学反思
2014/04/13 职场文书
死亡证明书样本说明
2014/10/18 职场文书
Laravel中获取IP的真实地理位置
2021/04/01 PHP