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

[吉米丘]

https://iphone4.tw/phpupload/savefiles/20111118042053ea9eb8a9302cb88d9c2be351cf521b09.jpg

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

只要按下去，就可以回到頁面頂端啦(害羞扭扭)


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

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


只是說....


喂～

不要用手指頭去按喔

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

[russel053]

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

[Hiraku]

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




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

[kelly317]

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

[crazy311]

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

補充一下，瀏覽器是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，同一頁只有第一次成功。

[sk_kevin66]

我用chrome也是只有第一次回到top

[almighty33]

safari也是

[吉米丘]

safari也是

我目前也還沒找到html語法可以多次回到頂端的 (歹勢)

只是說，通常我們用那個按鈕，是看文到最後，要回到頂端去按其他按鈕

那多次使用的情境是怎樣？

有夥伴可以分享一下嗎？

讓我們好提供更好的功能與服務

[simon_tw]

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>")


改成


document.write("<a href=\"{vb:raw relpath}#top\" title=\"返回頁面頂端\" ><img src=\"https://attach.iphone4.tw/files/back2top4.png\" border=\"0\" style=\"bottom: 100px;right: 30px;position: fixed;\"></a>")


不用那個onclick事件了

[吉米丘]

語法我已經換成另外一種囉

效果更好...

謝謝夥伴提供的建議(GOODJOB)

[Joeka.man]

梅問題
www.minwt.com/

梅大已經製作一個多選單功能出來了...間接是正~