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 相关文章推荐
用Javscript实现表单复选框的全选功能
May 25 Javascript
js操作select控件的几种方法
Jun 02 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
Jan 03 Javascript
COM组件中调用JavaScript函数详解及实例
Feb 23 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
详解AngularJS2 Http服务
Jun 26 Javascript
node.js部署之启动后台运行forever的方法
May 23 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
Jun 29 Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
webpack4 升级迁移的实现
Sep 12 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
Nov 11 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学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
深入解析php之sphinx
2013/05/15 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
PHP创建文件,并向文件中写入数据,覆盖,追加的实现代码
2016/03/25 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
JavaScript等比例缩放图片控制超出范围的图片
2013/08/06 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
jQuery实现类似淘宝网图片放大效果的方法
2015/07/08 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
js new Date()实例测试
2019/10/31 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
讲解python参数和作用域的使用
2013/11/01 Python
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
Python语言描述随机梯度下降法
2018/01/04 Python
Python内置模块ConfigParser实现配置读写功能的方法
2018/02/12 Python
Python的numpy库中将矩阵转换为列表等函数的方法
2018/04/04 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
ubuntu 18.04搭建python环境(pycharm+anaconda)
2019/06/14 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
深入理解css属性的选择对动画性能的影响
2016/04/20 HTML / CSS
大学生党课思想汇报
2013/12/29 职场文书
县优秀教师事迹材料
2014/01/31 职场文书
个人简历中自我评价
2014/02/11 职场文书
节约粮食标语
2014/06/18 职场文书
四风对照检查材料范文
2014/09/27 职场文书
2016年幼儿园教师师德承诺书
2016/03/25 职场文书
JS实现扫雷项目总结
2021/05/19 Javascript
利用Python+OpenCV三步去除水印
2021/05/28 Python
Java使用jmeter进行压力测试
2021/07/09 Java/Android