URLの末尾に＃があると、Chromeの垂直スクロールバーが機能しない

Question

未クリアのフロートが原因であると思われる断続的な問題がありました。 Chrome（私のメインの開発ブラウザー）で起こることは、垂直スクロールバーが最上部にロックされ、ページを下にスクロールできないことです。最初にページの読み込みが開始されると、ページをスクロールできるようになります。その後、ページが読み込まれると、最初に戻り、自分自身をロックします。

未クリアのフロートと欠落しているタグを探してページをリッピングしましたが、最後に＃が付いているURLが原因であることがわかりました（プログラムで追加され、ページを更新すると残ります） ）。

この問題はChromeでのみ発生し、他のWebkitブラウザでは発生しないようです。

私は、アンカーを探して、それを見つけてからあきらめないと仮定します。それは間違いなくバグですが、回避策について疑問に思っていました、またはなぜそれが私のサイトでのみそれをしているのですか-例えば、私はそれを複製することはできません-test-ice-cream-sandwich-507442＃ "rel =" nofollow noreferrer ">こちら。

URLをShiftクリックして新しいブラウザーで開く：

ロックするURL： / faq＃

ロックしないURL（同じだが＃なし）： / faq

Answer 1

私にとって、解決策はポップアップdivのスタイルでした。z-indexを持ち、フロートなしで囲まれたdivには、スタイル float：none を指定し、明示的な幅（絶対に配置されているため、これを浮動させる必要はありませんでした）。 こちら

を介して作業しているスレッドがあります。