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