新增隨時回到頁面頂端功能

[吉米丘]

我們論壇也新增了類似AssistiveTouch的功能

只要按下去，就可以回到頁面頂端啦


可惜我還不熟html5，不知道怎樣做到按下去之後跟AssistiveTouch一樣的多選單功能

哈哈，開玩笑的啦，這樣就夠啦


只是說....


喂～

不要用手指頭去按喔

若你用iPhone或是iPad的話，請看這教學
https://iphone4.tw/forums/showthread.php?t=126689

[russel053]

感謝吉米大 這個很好用 再來就是原來的選單列也回來囉 謝謝!

[Hiraku]

你們都不睡覺的啊...4點半耶～～




提示：要是很不湊巧的，你不想顯示這個功能的話，請直接用 Adblock 手動擋掉那個按鈕的圖片就好了

[kelly317]

非常方便又有質感的設計，感謝iPhone4團隊。

[crazy311]

剛剛發現一個小問題，在同一個網頁
第一次按的時候可以回到頂端，把網頁往下捲之後，第二次再按他的時候好像就失效了，refresh之後還是一樣
話說回來，這真是讓iOS5用戶會心一笑的設計

補充一下，瀏覽器是Chrome

[sin0287]

Safari 跟樓上大大一樣。

[吉米丘]

我測試的結果是，每一頁只能返回一次，要換頁之後才可以

我現在還在想的是

怎樣判斷當遇到iPhone或是iPad的時候，自動消失這個按鈕

我會判斷「是iPhone」的時候，就會出現什麼

但是，「不是的時候」我就不會啦。貼出來給大家參考一下，我是用userAgent來判斷的

<!--iPhone專用介面-->
<script type="text/javascript"> 
    if ((navigator.userAgent.indexOf('iPhone') != -1) ||  
    (navigator.userAgent.indexOf('iPod') != -1)) { 
        document.write("<a href=\"index.php?<if condition="$_SERVER['QUERY_STRING']">$_SERVER[QUERY_STRING]&amp;</if>styleid=3\"><img src=\"images/iphone-ipod.gif\" border=0 class=\"logo\"></a>") 
    } 
</script>


<!--iPhone專用介面 EOF-->

[AIP法國小花]

你們都不睡覺的啊...4點半耶～～




提示：要是很不湊巧的，你不想顯示這個功能的話，請直接用 Adblock 手動擋掉那個按鈕的圖片就好了

XD這不意外啊!!!因為這邊魔人不少,暴肝族更多!!!
請問皮樂姐...你那邊是幾點阿

[吉米丘]

搞定了

<!-- 返回頁面頂端 非iPhone才顯示-->
<script type="text/javascript"> 
    if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) { 
        document.write("") 
    } 
    else
    {
    document.write("<a href=\"{vb:raw relpath}#top\" onclick=\"document.location.hash='top'; return false;\" title=\"返回頁面頂端\" ><img src=\"https://attach.iphone4.tw/files/back2top4.png\" border=\"0\" style=\"bottom: 100px;right: 30px;position: fixed;\"></a>")
    }
</script>


<!--返回頁面頂端 EOF-->

[simon_tw]

用<a href="#top">了，為何還要用javascript的onclick來做觸發

location.hash='top'？
測試結果chrome有問題，只有第一次有回到top，同一頁只有第一次成功。