layui問題之自動滾動二級iframe頁面到指定位置的方法
更新時間：2019年09月18日 10:00:58 作者：柒仔不安
今天小編就為大家分享一篇layui問題之自動滾動二級iframe頁面到指定位置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
一、問題
前提：用的layui框架
目標：改變iframe頁面滾動條位置
問題：沒有麻溜溜的滾。。
二、經(jīng)過
剛開始，以為只要滾動iframe里面的元素就行了，頁面所有元素都在section里面，就通過section使?jié)L動條滾動
$('section.layui-larry-box').scrollTop(300);
可想而知，不行
然后，又試了div啥的
最后直接試了包含這個頁面的iframe標簽，讓iframe滾動
$(this).children('iframe').scrollTop(300);
不行。。
三、解決
最后看了一下原生js使iframe滾動的方法
document.getElementById('ghrzFrame').contentWindow.scrollTop=50;
感覺jq也要加一個類似contentWindow功能的函數(shù)
結果：
$(this).children('iframe').contents().scrollTop(300);
以上這篇layui問題之自動滾動二級iframe頁面到指定位置的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
在學習ES6的過程中我碰到了幾個特性，它們讓我驚訝，其中大部分是關于 ES6 的特性但也有一部分是 ES3 特性，這些特性我以前從未用過，而現(xiàn)在我將開始使用它們，感興趣的小伙伴可以跟著小編一起來學習2023-05-05
這篇文章主要介紹了微信小程序實現(xiàn)上傳圖片，預覽、刪除、限制圖片大小、張數(shù)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別
這篇文章主要介紹了淺析javascript中函數(shù)聲明和函數(shù)表達式的區(qū)別,需要的朋友可以參考下2015-02-02
兩個JavaScript jsFiddle JSBin在線調(diào)試器
這兩個工具都是剛誕生不久，都還在不斷完善中，雖然目前jsFiddle要優(yōu)于JS Bin，但是我還是更看好后者2010-03-03
對于生成縮略圖一般做法是通過后端語言php等來生成，但是為了給服務器減壓，我們或許可以從前端來著手，先生成好不同尺寸的縮略圖，傳給后端，而后端只需要將前端傳過來的圖片進行存儲就好了2020-10-10
javascript實現(xiàn)的網(wǎng)站訪問量統(tǒng)計代碼
本文文章通過兩段代碼實例給大家介紹了基于javascript實現(xiàn)網(wǎng)站訪問量統(tǒng)計代碼，對js實現(xiàn)網(wǎng)站訪問量統(tǒng)計相關知識感興趣的朋友一起學習吧2015-12-12
javascript實現(xiàn)簡單飛機大戰(zhàn)小游戲
這篇文章主要為大家詳細介紹了javascript實現(xiàn)簡單飛機大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要為大家詳細介紹了JS實現(xiàn)點擊文本框改變背景顏色，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
基于JavaScript實現(xiàn)抽獎系統(tǒng)
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)抽獎系統(tǒng)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
這篇文章主要為大家詳細介紹了純js和css完成貪吃蛇小游戲，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09