東坡下載：內(nèi)容最豐富最安全的下載站！

首頁(yè) → 知識(shí)庫(kù) → 網(wǎng)絡(luò)軟件 → 打開(kāi)頁(yè)面時(shí)定位到某一位置方法整理

打開(kāi)頁(yè)面時(shí)定位到某一位置方法整理

相關(guān)文章發(fā)表評(píng)論 來(lái)源：本站整理時(shí)間：2018/10/22 13:51:24字體大�。�A-A+

更多

作者：佚名點(diǎn)擊：13次評(píng)論：0次標(biāo)簽： 打開(kāi)頁(yè)面

第一種方法

function slow(){

var numOne_top = $(".Expo_box2").offset().top;

   $('html,body').animate({

       scrollTop:numOne_top

   },400)

}


打開(kāi)頁(yè)面，直接調(diào)用slow（）定位到某一位置

第二種方法

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

</head>

<style>

    body {

        text-align: center;

    }


    #go_to {

        position: fixed;

        right: 10px;

        bottom: 10px;

    }

</style>

<body>

<h3 name="top">唐詩(shī)300首</h3>

<p>《春曉》<br/>

    作者：孟浩然<br/>

    春眠不覺(jué)曉，處處聞啼鳥(niǎo)。<br/>

    夜來(lái)風(fēng)雨聲，花落知多少。</p>

<p> 《鹿柴》<br/>

    作者：王維<br/>

    空山不見(jiàn)人，但聞人語(yǔ)響。<br/>

    返影入深林，復(fù)照青苔上。</p>

<p> 《相思》<br/>

    作者：王維<br/>

    紅豆生南國(guó)，春來(lái)發(fā)幾枝。<br/>

    愿君多采擷，此物最相思。</p>

<p> 《雜詩(shī)》<br/>

    作者：王維<br/>

    君自故鄉(xiāng)來(lái)，應(yīng)知故鄉(xiāng)事。<br/>

    來(lái)日綺窗前，寒梅著花未。</p>

<p> 《終南望余雪》<br/>

    作者：祖詠 <br/>

    終南陰嶺秀，積雪浮云端。<br/>

    林表明霽色，城中增暮寒。</p>

<p id="jys"> 《靜夜思》<br/>

    作者：李白<br/>

    床前明月光，疑是地上霜。<br/>

    舉頭望明月，低頭思故鄉(xiāng)。</p>

<p> 《登鸛雀樓》<br/>

    作者：王之渙<br/>

    白日依山盡，黃河入海流。<br/>

    欲窮千里目，更上一層樓。</p>

<p> 《江雪》<br/>

    作者：柳宗元<br/>

    千山鳥(niǎo)飛絕，萬(wàn)徑人蹤滅。<br/>

    孤舟蓑笠翁，獨(dú)釣寒江雪。</p>

<p> 《登樂(lè)游原》<br/>

    作者：李商隱 <br/>

    向晚意不適，驅(qū)車登古原。<br/>

    夕陽(yáng)無(wú)限好，只是近黃昏。</p>

<p> 《彈琴》<br/>

    作者：劉長(zhǎng)卿 <br/>

    泠泠七弦上，靜聽(tīng)松風(fēng)寒。<br/>

    古調(diào)雖自愛(ài)，今人多不彈。</p>

<p> 《八陣圖》<br/>

    作者：杜甫<br/>

    功蓋三分國(guó)，名成八陣圖。<br/>

    江流石不轉(zhuǎn)，遣恨失吞吳。</p>

<p id="cao"> 《草》<br/>

    作者：白居易<br/>

    離離原上草，一歲一枯榮。<br/>

    野火燒不盡，春風(fēng)吹又生。<br/>

    遠(yuǎn)芳侵古道，晴翠接荒城。 <br/>

    又送王孫去，萋萋滿別情。</p>


<p> 《關(guān)山月》<br/>

    作者：李白<br/>

    明月出天山，蒼茫云海間。<br/>

    長(zhǎng)風(fēng)幾萬(wàn)里，吹度玉門(mén)關(guān)。<br/>

    漢下白登道，胡窺青海灣。<br/>

    由來(lái)征戰(zhàn)地，不見(jiàn)有人還。<br/>

    戍客望邊色，思?xì)w多苦顏。<br/>

    高樓當(dāng)此夜，嘆息未應(yīng)閑。</p>


<p> 《望月懷遠(yuǎn)》<br/>

    作者：張九齡<br/>

    海上生明月，天涯共此時(shí)。<br/>

    情人怨遙夜，竟夕起相思。<br/>

    滅燭憐光滿，披衣覺(jué)露滋。<br/>

    不堪盈手贈(zèng)，還寢夢(mèng)佳期。</p>


<p> 《送杜少府之任蜀州》<br/>

    作者：王勃<br/>

    城闕輔三秦，風(fēng)煙望五津。<br/>

    與君離別意，同是宦游人。<br/>

    海內(nèi)存知己，天涯若比鄰。<br/>

    無(wú)為在岐路，兒女共沾巾。</p>


<p> 《春望》<br/>

    作者：杜 甫<br/>

    國(guó)破山河在，城春草木深。<br/>

    感時(shí)花濺淚，恨別鳥(niǎo)驚心。<br/>

    烽火連三月，家書(shū)抵萬(wàn)金。<br/>

    白頭搔更短，渾欲不勝簪。</p>


<div id="go_to">

    <a href="#top">A、頂部</a>

    <button onclick="goToTop();">B、頂部</button>

    <button onclick="goToJys();">C、靜夜思</button>

    <button onclick="goToCao();">D、草</button>

</div>


</body>

<script type="text/javascript" src="jquery-3.0.0.min.js"></script>

<script type="text/javascript">

    function goToTop() {

        location.href = "#top";

    }


    function goToJys() {

        $("html,body").animate({scrollTop: $("#jys").offset().top}, 500);//定位到《靜夜思》

    }


    function goToCao() {

        /**

         * 如果滾動(dòng)頁(yè)面也是DOM沒(méi)有解決的一個(gè)問(wèn)題。為了解決這個(gè)問(wèn)題，瀏覽器實(shí)現(xiàn)了一下方法，

         * 以方便開(kāi)發(fā)人員如何更好的控制頁(yè)面的滾動(dòng)。在各種專有方法中，HTML5選擇了scrollIntoView()

         * 作為標(biāo)準(zhǔn)方法。

         * scrollIntoView()可以在所有的HTML元素上調(diào)用，通過(guò)滾動(dòng)瀏覽器窗口或某個(gè)容器元素，

         * 調(diào)用元素就可以出現(xiàn)在視窗中。如果給該方法傳入true作為參數(shù)，或者不傳入任何參數(shù)，那么

         * 窗口滾動(dòng)之后會(huì)讓調(diào)動(dòng)元素頂部和視窗頂部盡可能齊平。如果傳入false作為參數(shù)，調(diào)用元素

         * 會(huì)盡可能全部出現(xiàn)在視口中（可能的話，調(diào)用元素的底部會(huì)與視口的頂部齊平。）不過(guò)頂部

         * 不一定齊平，例如：

         * //讓元素可見(jiàn)

         * document.forms[0].scrollIntoView();

         * 當(dāng)頁(yè)面發(fā)生變化時(shí)，一般會(huì)用這個(gè)方法來(lái)吸引用戶注意力。實(shí)際上，為某個(gè)元素設(shè)置焦點(diǎn)也

         * 會(huì)導(dǎo)致瀏覽器滾動(dòng)顯示獲得焦點(diǎn)的元素。

         * 支持該方法的瀏覽器有 IE、Firefox、chrome、Safari和Opera。

         *

         * 注意這里要使用querySelector選擇器

         * querySelectorAll 在文檔內(nèi)找第一個(gè)符合選擇器描述的節(jié)點(diǎn)包括Element本身

         * jQuery(element) 在文檔內(nèi)找第一個(gè)符合選擇器描述的節(jié)點(diǎn)不包括Element本身

         *

         * 參考：http://www.cnblogs.com/daxian2012/archive/2012/10/18/2729359.html

         * 參考：http://blog.csdn.net/only_love_strangers/article/details/47264889

         */

        document.querySelector("#cao").scrollIntoView();

        或者

        /**

         * 這里需要注意的是這里的寫(xiě)法是：$("#cao")[0]，而不是：$("#cao")，

         * 因?yàn)?('#cao')取得的是一個(gè)jQuery對(duì)象，而scrollIntoView()是一個(gè)DOM

         * 屬性，所以要把jQuery對(duì)象轉(zhuǎn)為DOM對(duì)象才行，而數(shù)組下標(biāo)可以將jQuery對(duì)象

         * 轉(zhuǎn)成對(duì)象DOM對(duì)象。

         */

        $("#cao")[0].scrollIntoView();

    }

</script>

</html>



  • 多開(kāi)分身軟件
  • 精靈寶可夢(mèng)go定位軟件
  • 兒童衛(wèi)士
  • 常用手機(jī)公交查詢軟件
多開(kāi)分身軟件
(7)多開(kāi)分身軟件

多開(kāi)分身軟件，支持本地軟件和游戲的多開(kāi)、雙開(kāi)，免ROOT支持虛擬定位、機(jī)型偽裝、紅包提醒等各種貼心功能，一鍵實(shí)現(xiàn)全真實(shí)機(jī)型偽裝，減少多開(kāi)封號(hào)風(fēng)險(xiǎn)！不占內(nèi)存，快速穩(wěn)定！微商、娛樂(lè)、游戲用戶必備神器！軟件不獲取用戶的任何信息，請(qǐng)放心使用！

...更多>>
精靈寶可夢(mèng)go定位軟件
(6)精靈寶可夢(mèng)go定位軟件

精靈寶可夢(mèng)go定位軟件是現(xiàn)在最流行的虛擬現(xiàn)實(shí)手游pokemon go的定位軟件，可以修改你的位置，讓你直接的改變到你需要的位置，解決很多的地方都是不能玩的問(wèn)題，同時(shí)也是可以讓你換著城市來(lái)玩這款游戲的！有需要的就可以下載試試！

...更多>>
兒童衛(wèi)士
(16)兒童衛(wèi)士

兒童衛(wèi)士是一款專為兒童設(shè)計(jì)的智能點(diǎn)位軟件，讓你隨時(shí)能夠知道孩子的位置，還能語(yǔ)音通話，家長(zhǎng)將此軟件安裝在手機(jī)上，就可連接孩子的智能手表，還可設(shè)置孩子離你多遠(yuǎn)，即刻響鈴，再也不怕孩子倒去亂跑，讓人擔(dān)心了，是家長(zhǎng)手機(jī)必備點(diǎn)位神器！

...更多>>
常用手機(jī)公交查詢軟件
(11)常用手機(jī)公交查詢軟件

手機(jī)公交查詢軟件是在城市上班出行的朋友都是需要下載到自己的手機(jī)上的一款實(shí)時(shí)查詢公交工具，那么你現(xiàn)在知道手機(jī)公交查詢軟件哪款好用以及怎么樣使用這些手機(jī)公交查詢軟件的話，就可以來(lái)本站這里下載看看！如果在這里找不到你需要的軟件，請(qǐng)關(guān)注東坡下載，東坡小編會(huì)第一時(shí)間帶來(lái)最新最實(shí)用的軟件。

...更多>>

相關(guān)文章

擴(kuò)展知識(shí)

相關(guān)評(píng)論

閱讀本文后您有什么感想? 已有 人給出評(píng)價(jià)!

  • 2791 喜歡喜歡
  • 2101 頂頂
  • 800 難過(guò)難過(guò)
  • 1219 囧囧
  • 4049 圍觀圍觀
  • 5602 無(wú)聊無(wú)聊
熱門(mén)評(píng)論
最新評(píng)論
發(fā)表評(píng)論 查看所有評(píng)論(0)
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字?jǐn)?shù): 0/500 (您的評(píng)論需要經(jīng)過(guò)審核才能顯示)