106.04.05 Blogger 手機版禁止左右滑換文章

這是今天解決的第二個問題
左右滑就換文章我覺得是頗惱人的功能
我找解法找了超~~~~級無敵久

其實WFU有一篇解決方法,不過因為是加值文章所以我看不到QuQ
搜尋關鍵字:
blogger disable the arrow-slider on mobile
prevent swipe gesture for next/prev blogger posts


可參考一下這幾篇文章:
105.07.16 在Blogger文章加入程式碼 (一)
106.04.05 Blogger 手機版程式碼區塊



開始囉~(前面會跟上一篇重複,執行過的可跳過)
進入主題
建議先備份

手機行動版需使用自訂才會按照範本更改的內容
雖然之後沒有原本的漂亮不過我覺得值得
先點齒輪圖案

如圖中選擇
是,在行動裝置上顯示行動版主題。
自訂
按儲存

編輯 HTML

找出</body>位置
並在它的上面加入以下程式碼:
<script>
document.onreadystatechange = function () {
  if (document.readyState == "interactive") {
    var orig = document.getElementById("main");
    var clone = orig.cloneNode(true);
    orig.parentNode.replaceChild(clone, orig);
  }
}
</script>
如圖然後儲存主題就完成了

會發現可以滾程式碼的卷軸了



參考資料:
How can I disable the arrow-slider on mobile?
Multi-touch Web Development

沒有留言:

張貼留言

^ Top