layui問題之自動滾動二級iframe頁面到指定位置的方法
更新時間：2019年09月18日 10:00:58 作者：柒仔不安
今天小編就為大家分享一篇layui問題之自動滾動二級iframe頁面到指定位置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
一、問題
前提：用的layui框架
目標(biāo)：改變iframe頁面滾動條位置
問題：沒有麻溜溜的滾。。
二、經(jīng)過
剛開始，以為只要滾動iframe里面的元素就行了，頁面所有元素都在section里面，就通過section使?jié)L動條滾動
$('section.layui-larry-box').scrollTop(300);
可想而知，不行
然后，又試了div啥的
最后直接試了包含這個頁面的iframe標(biāo)簽，讓iframe滾動
$(this).children('iframe').scrollTop(300);
不行。。
三、解決
最后看了一下原生js使iframe滾動的方法
document.getElementById('ghrzFrame').contentWindow.scrollTop=50;
感覺jq也要加一個類似contentWindow功能的函數(shù)
結(jié)果：
$(this).children('iframe').contents().scrollTop(300);
以上這篇layui問題之自動滾動二級iframe頁面到指定位置的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
js 獲取元素所有兄弟節(jié)點(diǎn)的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 獲取元素所有兄弟節(jié)點(diǎn)的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
webpack 3.X學(xué)習(xí)之多頁面打包的方法
這篇文章主要介紹了webpack 3.X學(xué)習(xí)之多頁面打包的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本篇文章主要是對js獲取當(dāng)前頁面路徑的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
JavaScript基于inquirer封裝一個控制臺文件選擇器
這篇文章主要介紹了JavaScript基于inquirer封裝一個控制臺文件選擇器，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-08-08
這篇文章主要為大家詳細(xì)介紹了js定時器實現(xiàn)倒計時效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
JS實現(xiàn)響應(yīng)鼠標(biāo)點(diǎn)擊動畫漸變彈出層效果代碼
這篇文章主要介紹了JS實現(xiàn)響應(yīng)鼠標(biāo)點(diǎn)擊動畫漸變彈出層效果代碼,具有非常自然流暢的動畫過度效果,涉及JavaScript針對鼠標(biāo)事件的響應(yīng)及頁面元素樣式的動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-03-03
怎么去判斷一個數(shù)據(jù)屬于哪個數(shù)據(jù)類型,這個是很常見的操作,我們一般都會想到typeof和instanceof這兩個常見的方法,但有時候這兩種方法并不能滿足我們的需求,下面這篇文章主要給大家介紹了關(guān)于JS中數(shù)據(jù)類型的正確判斷方法,需要的朋友可以參考下2021-08-08
微信小程序清空輸入框信息與實現(xiàn)屏幕往上滾動的示例代碼
這篇文章主要介紹了微信小程序清空輸入框信息與實現(xiàn)屏幕往上滾動的示例代碼,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹了原生js封裝的ajax方法,結(jié)合實例形式分析了JavaScript封裝ajax操作及調(diào)用方法相關(guān)操作技巧,非常簡單實用,需要的朋友可以參考下2018-08-08
跟我學(xué)Nodejs（一）--- Node.js簡介及安裝開發(fā)環(huán)境
這篇文章主要介紹了Node.js簡介及安裝開發(fā)環(huán)境,需要的朋友可以參考下2014-05-05