1.首先,在html中,小編我用到了兩個div元素,并且它們都用到了ID哦。
2.然后我們設置content的高度非常高,這樣就會產生滾動條啦。
3.然后設置gotop,讓它固定不變的在右下角,哈哈,返回頂部一般都是在右下角的。
4.如你所看到的,滾動條有了,返回頂部的按鈕也有了,接著就是設置特效了哦。
5.滑動特效要用到jQuery插件哦,所以要把它鏈接到html里頭。
6.然后我們再給gotop設定一個點擊事件,設定方法如下。
7.接著我們設置body的scrollTop值為0就行了哦,然后再設置一下animate的時間即可完成,非常簡單。
HTML網頁返回頂部的做法:
1、使用默認鏈接錨記:只需添加一個超鏈接,給超鏈接的href屬性設置值為“#top”即可實現返回頂部的功能,無需添加其他內容。
2、href指向特定id:這種方法是在頁面現有的標簽中,使用“返回頂部”的連接的href指向頂部具有id屬性的標簽,以實現返回頂部的功能。這種方法,需要在頁面頂部的標簽中有具有id屬性的標簽,來實現指向頂部。亦可自定義添加。
3、使用自定義鏈接錨記:這種方法,就是使用的自定義鏈接錨記了,必須要定義錨記,然后使用超鏈接指向錨。這種方法其實跟第二種方法差不多,只不過必須要額外定義一個鏈接錨記。
4、使用簡單腳本:這種可以設置scrollTo(0,0)中的x、y的值來跳轉到頁面的具體位置。
5、點擊返回按鈕,頁面想火箭一樣逐漸上升,直至返回頂部。本方法能使頁面動態滾動,如果把按鈕做成一個火箭標志,在點擊之后頁面滾動時,按鈕背景切換為火箭上升標志。