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 相关文章推荐
THREE.JS入门教程(2)着色器-上
Jan 24 Javascript
jquery的ajax跨域请求原理和示例
May 08 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
JQuery实现带排序功能的权限选择实例
May 18 Javascript
javascript中new关键字详解
Dec 14 Javascript
Angular 路由route实例代码
Jul 12 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 Javascript
使用node.js搭建服务器
May 20 Javascript
js DOM的事件常见操作实例详解
Dec 16 Javascript
如何基于filter实现网站整体变灰功能
Apr 17 Javascript
jQuery实现简单飞机大战
Jul 05 jQuery
解决vuex刷新数据消失问题
Nov 12 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错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
php面向对象中static静态属性和静态方法的调用
2015/02/08 PHP
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
Javascript在IE和FireFox中的不同表现简析
2012/12/03 Javascript
用js判断页面是否加载完成实现代码
2012/12/11 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
2014/06/06 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
微信小程序 教程之模块化
2016/10/17 Javascript
jQuery下拉菜单的实现代码
2016/11/03 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
vue中实现动态生成二维码的方法
2020/02/21 Javascript
JavaScript实现页面高亮操作提示和蒙板
2021/01/04 Javascript
Python的pycurl包用法简介
2015/11/13 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
python遍历文件夹,指定遍历深度与忽略目录的方法
2018/07/11 Python
Python3使用xml.dom.minidom和xml.etree模块儿解析xml文件封装函数的方法
2019/09/23 Python
分享全球十款超强HTML5开发工具
2014/05/14 HTML / CSS
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
计算机专业学生的自我评价
2013/12/15 职场文书
初中物理教学反思
2014/01/14 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
大学应届生的自我评价
2014/03/06 职场文书
房屋租赁授权委托书范本
2014/09/20 职场文书
健康状况证明模板
2014/10/23 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
主持稿开场白
2015/06/01 职场文书
社会实践心得体会范文
2016/01/14 职场文书
五年级语文教学反思
2016/03/03 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL
关于springboot 配置date字段返回时间戳的问题
2021/07/25 Java/Android
python的列表生成式,生成器和generator对象你了解吗
2022/03/16 Python