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 相关文章推荐
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 Javascript
js中的json对象详细介绍
Oct 29 Javascript
javascript动态修改Li节点值的方法
Jan 20 Javascript
javascript 常见功能汇总
Jun 11 Javascript
vue-loader教程介绍
Jun 14 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
React路由管理之React Router总结
May 10 Javascript
详解js的视频和音频采集
Aug 09 Javascript
使用Vue实现移动端左滑删除效果附源码
May 16 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
Vue 中使用lodash对事件进行防抖和节流操作
Jul 26 Javascript
微信小程序获取当前时间及星期几的实例代码
Sep 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中并发读写文件冲突的解决方案
2013/10/25 PHP
PHP生成唯一订单号的方法汇总
2015/04/16 PHP
php和editplus正则表达式去除空白行
2015/04/17 PHP
php实现算术验证码功能
2018/12/05 PHP
javascript replace()正则替换实现代码
2010/02/26 Javascript
动态的改变IFrame的高度实现IFrame自动伸展适应高度
2012/12/28 Javascript
JavaScript不刷新实现浏览器的前进后退功能
2014/11/05 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
Bootstarp 基础教程之表单部分实例代码
2017/02/03 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
详解webpack与SPA实践之开发环境搭建
2017/12/18 Javascript
js解决软键盘遮挡输入框的问题分享
2017/12/19 Javascript
jQuery实现轮播图及其原理详解
2020/04/12 jQuery
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
2018/10/07 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
Vue事件修饰符native、self示例详解
2019/07/09 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
JS实现动态星空背景效果
2019/11/01 Javascript
详细解析Python中__init__()方法的高级应用
2015/05/11 Python
python列出目录下指定文件与子目录的方法
2015/07/03 Python
Python数据分析之双色球统计两个红和蓝球哪组合比例高的方法
2018/02/03 Python
Django使用模板后无法找到静态资源文件问题解决
2019/07/19 Python
django的model操作汇整详解
2019/07/26 Python
关于TensorFlow新旧版本函数接口变化详解
2020/02/10 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2020/06/01 Python
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
保险公司演讲稿
2014/09/02 职场文书
四年级语文教学反思
2016/03/03 职场文书
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android
MySQL添加索引特点及优化问题
2022/07/23 MySQL