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 相关文章推荐
javascript 添加和移除函数的通用方法
Oct 20 Javascript
JavaScript Event学习补遗 addEventSimple
Feb 11 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
原生JS实现表单checkbook获取已选择的值
Jul 21 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
Jan 16 Javascript
jQuery实现的超简单点赞效果实例分析
Dec 31 Javascript
JavaScript中三种异步上传文件方式
Mar 06 Javascript
AngularJS开发教程之控制器之间的通信方法分析
Dec 25 Javascript
react-router4 配合webpack require.ensure 实现异步加载的示例
Jan 18 Javascript
Vue 中mixin 的用法详解
Apr 23 Javascript
JavaScript设计模式之命令模式实例分析
Jan 16 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者的疑难问答(2)
2006/10/09 PHP
php遍历文件夹下的所有文件和子文件夹示例
2014/03/20 PHP
php常用的工具开发整理
2019/09/26 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
js 新浪的一个图片播放图片轮换效果代码
2008/07/15 Javascript
javascript获取作用在元素上面的样式属性代码
2012/09/20 Javascript
js弹出的对话窗口永远保持居中显示
2012/12/15 Javascript
JavaScript基础知识之方法汇总结
2016/01/24 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
2016/02/26 Javascript
javascript与jquery动态创建html元素示例
2016/07/25 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
js图片上传的封装代码
2017/08/01 Javascript
jQuery实现基本隐藏与显示效果的方法详解
2018/09/05 jQuery
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
2019/11/09 Javascript
Jquery Datatables的使用详解
2020/01/30 jQuery
vue+ts下对axios的封装实现
2020/02/18 Javascript
Vue 同步异步存值取值实现案例
2020/08/05 Javascript
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
python随机生成指定长度密码的方法
2015/04/04 Python
使用Python从有道词典网页获取单词翻译
2016/07/03 Python
Python 稀疏矩阵-sparse 存储和转换
2017/05/27 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
详解python3 + Scrapy爬虫学习之创建项目
2019/04/12 Python
python中的&&及||的实现示例
2019/08/07 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
将pytorch转成longtensor的简单方法
2020/02/18 Python
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
什么是"引用"?申明和使用"引用"要注意哪些问题?
2016/03/03 面试题
关于Assembly命名空间的三个面试题
2015/07/23 面试题
编程输出如下图形
2013/11/24 面试题
初中班主任寄语
2014/04/04 职场文书
驾驶员安全责任书范本
2014/07/24 职场文书
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python
MySQL查询日期时间
2022/05/15 MySQL