報導者文章無法用 End 捲動的問題,user script
點開報導者 The Reporter 的文章,有時會發現鍵盤 PageDown 不能滾動捲軸,毫無反應。
Chrome 的話 PageDown 可以用,但 Home End 還是壞的。
寫了一支 user script 自救,放在 Greasy Fork → 報導者優蛇 (twreporter-user) / 原始碼也有放在 GitHub
原理
起因是網站頂端搜尋列 (Search Bar) 輸入框有 autoFocus
設定,網頁技術用
React,輸入框錨上去後會搶走 focus,而瀏覽器行為會讓捲軸跟上,這是為什麼會捲到頂端。
又因為 focus 在輸入框,所以敲鍵盤也都被它吃掉,加上輸入框在畫面上還看不見,就變成鍵盤不理人的情形。
React 的 autoFocus
不同於標準
autofocus
屬性,DOM 裡面看不到,React 會自己模擬那個行為(你也不想每次 re-render 都 autofocus 吧)。
治本的方法是不要用 autoFocus
,我有開一個
PR,但還未被處理。
補一下表態,報導者很多專題網頁都做超棒,也擁抱開源,契合組織理念,以開發者觀點我高度推崇。
有 0 個意見
☂