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编写的横向自适应幻灯片切换特效的实例代码
Aug 06 Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
JavaScript & jQuery完美判断图片是否加载完毕
Jan 08 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
webpack4简单入门实例
Sep 06 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
Jun 21 Javascript
小程序实现层叠卡片滑动效果
Aug 26 Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 Javascript
使用原生JS实现滚轮翻页效果的示例代码
May 31 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生成带有雪花背景的验证码
2008/09/28 PHP
php截取后台登陆密码的代码
2012/05/05 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
解决 FireFox 下[使用event很麻烦] 的问题.
2006/08/22 Javascript
jQuery live
2009/05/15 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
使用js完成节点的增删改复制等的操作
2014/01/02 Javascript
浅谈Javascript的静态属性和原型属性
2015/05/07 Javascript
基于jquery编写的放大镜插件
2016/03/23 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
基于bootstrap风格的弹框插件
2016/12/28 Javascript
html5 canvas 详细使用教程
2017/01/20 Javascript
JavaScript实现移动端轮播效果
2017/06/06 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
Jupyter notebook远程访问服务器的方法
2018/05/24 Python
使用pip发布Python程序的方法步骤
2018/10/11 Python
python使用正则表达式来获取文件名的前缀方法
2018/10/21 Python
Django model反向关联名称的方法
2018/12/15 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
Django操作session 的方法
2020/03/09 Python
python实现ping命令小程序
2020/12/28 Python
matplotlib bar()实现多组数据并列柱状图通用简便创建方法
2021/02/24 Python
美国隐形眼镜网:Major Lens
2018/02/09 全球购物
Elemental Herbology官网:英国美容品牌
2019/04/27 全球购物
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
护士检查书
2014/01/17 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
如何更改Win11声音输出设备?Win11声音输出设备四种更改方法
2022/04/08 数码科技