首頁(yè) 猿問點(diǎn)擊鏈接后怎樣跳轉(zhuǎn)到另一個(gè)頁(yè)面的某個(gè)部位

點(diǎn)擊鏈接后怎樣跳轉(zhuǎn)到另一個(gè)頁(yè)面的某個(gè)部位

Html5 JavaScript JQuery

快樂崇拜tager 2016-07-29 14:39:45

點(diǎn)擊鏈接后跳轉(zhuǎn)到新頁(yè)面的中間主體內(nèi)容部分如果單獨(dú)打開這個(gè)新頁(yè)面，則不需要跳轉(zhuǎn)到中間；改怎么做了？？？

查看完整描述

2 回答

采藥超人

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超8個(gè)贊

首先你應(yīng)該知道怎么定位到一個(gè)頁(yè)面中間位置

?????通常的做法是在頁(yè)面中間位置設(shè)置一個(gè)“錨點(diǎn)”，比如添加這樣的HTML代碼：<a name="center">這里是Center部分</a>

? ? 然后需要調(diào)到錨點(diǎn)，比如你的網(wǎng)頁(yè)地址是：localhost/index.html，那么你只需要寫“l(fā)ocalhost/index.html#center”即可轉(zhuǎn)到頁(yè)面中間

-------------------------------------------------------------------------------------------------------------------

如果跳轉(zhuǎn)前不知道頁(yè)面中間部分的位置（即你不知道#center），那么你可以在跳轉(zhuǎn)后，在目標(biāo)頁(yè)面使用JS滾動(dòng)頁(yè)面到50%，即“window.scrollTo(0,window.screen.height/2)”

以上、是chrome下的，其他瀏覽器方法一樣

3 反對(duì) 回復(fù) 2016-07-31

田心楓

TA貢獻(xiàn)1064條經(jīng)驗(yàn) 獲得超383個(gè)贊

點(diǎn)擊鏈接后跳轉(zhuǎn)到新頁(yè)面的中間主體內(nèi)容部分用錨點(diǎn)；a標(biāo)簽足以解決你的問題

1 反對(duì) 回復(fù) 2016-07-29

快樂崇拜tager
中間主體內(nèi)容部分我知道用錨點(diǎn)，那點(diǎn)擊的這個(gè)鏈接要怎么寫？

回復(fù) 2016-07-30
快樂崇拜tager
點(diǎn)擊的這個(gè)鏈接的href只能寫跳轉(zhuǎn)的鏈接吧，錨點(diǎn)怎么寫在href里面？

回復(fù) 2016-07-30
快樂崇拜tager
可以寫出來(lái)看看嘛？？

回復(fù) 2016-07-30