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利用apply和arguments复用方法
Nov 25 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
Dec 13 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
基于JS实现EOS隐藏错误提示层代码
Apr 25 Javascript
bootstrap Table的一些小操作
Nov 01 Javascript
详解webpack打包第三方类库的正确姿势
Oct 20 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
初学node.js中实现删除用户路由
May 27 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
Nov 24 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匹配字符中链接地址的方法
2014/12/22 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解
2017/03/02 PHP
php基于数组函数实现关联表的编辑操作示例
2017/07/04 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
摘自百度的图片轮换效果代码
2007/11/19 Javascript
js apply/call/caller/callee/bind使用方法与区别分析
2009/10/28 Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
2010/01/22 Javascript
jquery自动填充勾选框即把勾选框打上true
2014/03/24 Javascript
javascript数组去重方法终极总结
2014/06/05 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
Vue项目中设置背景图片方法
2018/02/21 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
scrapy自定义pipeline类实现将采集数据保存到mongodb的方法
2015/04/16 Python
Python下的常用下载安装工具pip的安装方法
2015/11/13 Python
Python动态生成多维数组的方法示例
2018/08/09 Python
Python内置加密模块用法解析
2019/11/25 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
keras K.function获取某层的输出操作
2020/06/29 Python
Python Request类源码实现方法及原理解析
2020/08/17 Python
python元组拆包实现方法
2021/02/28 Python
利用CSS3的线性渐变linear-gradient制作边框的示例
2016/06/02 HTML / CSS
新浪网技术部笔试题
2016/08/26 面试题
C#中类(class)与结构(struct)的异同
2013/11/03 面试题
师范大学音乐表演专业求职信
2013/10/23 职场文书
研修第一天随笔感言
2014/02/15 职场文书
销售会计岗位职责
2014/03/15 职场文书
地球一小时倡议书
2014/04/15 职场文书
村容村貌整治方案
2014/05/21 职场文书
2014大学生批评与自我批评思想汇报
2014/09/21 职场文书
导游词之贵州百里杜鹃
2019/10/29 职场文书
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android
如何优化vue打包文件过大
2022/04/13 Vue.js
MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)
2023/05/08 MySQL