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 相关文章推荐
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
javascript使用location.search的示例
Nov 05 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
javaScript基础详解
Jan 19 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
Apr 20 jQuery
Node.js五大应用性能技巧小结(必须收藏)
Aug 09 Javascript
浅谈Node模块系统及其模式
Nov 17 Javascript
security.js实现的RSA加密功能示例
Jun 06 Javascript
JS实现li标签的删除
Apr 12 Javascript
详解小程序横屏方案对比
Jun 28 Javascript
vue项目查看vue版本及cli版本的实现方式
Oct 24 Javascript
JavaScript实现跟随鼠标移动的盒子
Jan 28 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
dedecms防止FCK乱格式化你的代码的修改方法
2007/03/17 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
php制作简单模版引擎
2016/04/07 PHP
smarty的section嵌套循环用法示例
2016/05/28 PHP
javascript CSS画图之基础篇
2009/07/29 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
Jquery倒计时源码分享
2014/05/16 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
构建大型 Vue.js 项目的10条建议(小结)
2019/11/14 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
Python返回真假值(True or False)小技巧
2015/04/10 Python
python中使用psutil查看内存占用的情况
2018/06/11 Python
Python实现从SQL型数据库读写dataframe型数据的方法【基于pandas】
2019/03/18 Python
python 实现单例模式的5种方法
2020/09/23 Python
关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)
2020/10/27 Python
Python如何批量生成和调用变量
2020/11/21 Python
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
使用C#编写创建一个线程的代码
2013/01/22 面试题
给女儿的表扬信
2014/01/18 职场文书
技能比赛获奖感言
2014/02/14 职场文书
环保倡议书400字
2014/05/15 职场文书
入党自荐书范文
2015/03/05 职场文书
小学总务工作总结
2015/08/13 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
CSS 伪元素::marker详解
2021/06/26 HTML / CSS
Python list列表删除元素的4种方法
2021/11/01 Python
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js