[問題] 網頁中的△top按鈕

看板Web_Design作者 (哈士奇)時間13年前 (2012/10/28 15:25), 編輯推噓1(1推 0噓 7→)
留言8則, 4人參與, 最新討論串1/1
舉例來說,像是下面這個網頁 http://www.vogella.com/articles/JavaDateTimeAPI/article.html 當頁面往下拉的時候會出現Back to top的span 一般來說按下去就直接顯示錨點位置了 現在有兩個特效 一是點下去以後會出現「一路往上拉」的特效 二是持續讓span在螢幕左下角 分別是怎麼辦到的呢？ 另外想問各位前輩一個問題,若想要解析這個特效是用到哪支js 可是引入的js檔案這麼多,通常大家是怎麼找的呢？ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 118.165.169.98
→
10/28 15:30, , 1F
waypoint
10/28 15:30, 1F
→
10/28 15:31, , 2F
+ toscroll
10/28 15:31, 2F
→
10/28 15:32, , 3F
scrollTo才對
10/28 15:32, 3F
推
10/28 17:42, , 4F
第二個特效使用CSS的position: fixed;就可以了吧
10/28 17:42, 4F
→
10/28 19:13, , 5F
在 /javascript/jqueryup.js 裡面
10/28 19:13, 5F
→
10/28 21:17, , 6F
第一個原生jQuery就能做到了 animate + scrollTop
10/28 21:17, 6F
→
10/28 21:19, , 7F
第二個 先進瀏覽器用4F說的 fixed即可 IE6要另外hack一下
10/28 21:19, 7F
→
10/28 21:19, , 8F
看是要用僅餵給IE6的css表達式還是寫個js scrollTop都可
10/28 21:19, 8F
‣ 更多 kaito12 的文章
文章代碼(AID): #1GZDtt-T (Web_Design)