解決思路:
利用框架文檔中window對(duì)象的scrollBy方法來(lái)滾動(dòng)。
具體步驟:
1. 包含框架頁(yè)的代碼。
2.demo.htm頁(yè)代碼。這里僅僅是為了測(cè)試效果,可以替換為你自己的頁(yè)面。
注意:如果iframe所加載的頁(yè)為站外URL,將導(dǎo)致跨域問(wèn)題,拒絕訪問(wèn)。凡是涉及到對(duì)框架頁(yè)的訪問(wèn)及控制,都會(huì)有跨域問(wèn)題。
特別提示
代碼運(yùn)行后的效果如圖1.6.8所示。鼠標(biāo)移上四上按鈕上后,iframe內(nèi)所加載的頁(yè)面將分別向上、下、左和右四個(gè)方面滾動(dòng),在按下鼠標(biāo)時(shí)滾動(dòng)速度加快,松開(kāi)鼠標(biāo)(仍然在按鈕上)時(shí)恢復(fù)速度,鼠標(biāo)移開(kāi)后滾動(dòng)停止。

1.6.8 控制iframe的滾動(dòng)
本例主要是window對(duì)象的scrollBy方法的應(yīng)用。通過(guò)設(shè)置橫向滾動(dòng)速度stepX和縱向滾動(dòng)速度stepY為全局變量,在鼠標(biāo)移上時(shí)在函數(shù)中用setInterval不斷調(diào)用scrollBy方法滾動(dòng)頁(yè)面,通過(guò)參數(shù)控制滾動(dòng)方向,在鼠標(biāo)按下時(shí)放大全局變量stepX或stepY的值,人而達(dá)到加快滾動(dòng)速度的效果,而鼠標(biāo)移開(kāi)后再用clearInterval方法清除之前的setInterval事件以停止?jié)L動(dòng)。
scrollBy 將窗口滾動(dòng) x 和 y 偏移量。
setInterval 每經(jīng)過(guò)指定毫秒值后計(jì)算一個(gè)表達(dá)式。
clearInterval 使用 setInterval 方法取消先前開(kāi)始的間隔事件。
]]>