防止頁面鏈接

Question

1. 我用我的網站上scrollreveal，而且大多是工作得很好，但有時 頁面閃爍的div揭示之前和 使它看起來像頁面正在加載，之前的代碼執行 加載後http://regen.no/samarbeidspartnere當重新加載 頁面時，你清楚地看到了問題。
2. 有時當使用#anchor鏈接到帶有id的div時，頁面也會閃爍。 http://regen.no/start在 之間變化「forsiden」和「påmelding」頁面在閃爍之前 跳轉到目標div。

有什麼方法可以解決這個問題嗎？ 謝謝。

Answer 1

通過使用Chrome開發人員工具中的performance選項卡，我做了一個記錄（在兩個錨點之間進行更改），並且我注意到當鏈接被擊中時，頁面直接進入，然後發生平滑滾動效果。要使用一個小例子說明這個假設用戶是在#bottom和點擊去#top：

• 頁面直接進入#top
• 平滑滾動效應發生，所以頁面返回#bottom
• 平滑滾動回#top

這就是爲什麼你得到這個閃爍和閃爍的結果。

也許你應該在你的js代碼中的某個地方使用event.preventDefault();。