[英]Navbar anchors not directing correctly with js
這可能只是我很挑剔,但我有一個小問題,很難描述。 在我這里的練習站點上,導航欄(我終於可以很好地工作了)存在一個問題,即一旦將窗口的大小調整到必要寬度以下以變成下拉菜單,該站點將不再滾動到每個部分的頂部。 相反,它似乎滾動到該部分的頂部,減去/再加上菜單的高度。 由於我選擇了在選擇鏈接后折疊菜單,因此我認為理想的解決方案是在菜單完全折疊后滾動頁面。 也許那會有所幫助。 關於如何實現這一目標的任何建議? 您應該能夠在源文件中看到“ scripts.js”文件,我已經完成了什么。
編輯:進一步檢查后,我發現僅在重新加載頁面后才出現此問題,而導航欄已固定在頂部(因此在“工作”部分下方的任何位置)。 我希望我可以通過屏幕截圖更好地演示,但是對我來說最好的復制方法似乎是在頁面上各個位置重新加載后嘗試鏈接。
例如,如果您在頁面底部時重新加載頁面,然后嘗試使用下拉菜單在提供的圖片中顯示此方案:
圖片1
圖片2:
調整大小時,請使用.off()
語句刪除事件,然后使用.on()
再次添加事件。 問題在於,當您附加事件時,它會在頁面上使用固定點,但是在調整瀏覽器大小時,這些點將不再位於頁面上的正確位置。 這樣,您將更新瀏覽器滾動到的位置。
例如:
$(window).on('resize', function(){
// remove whaetver events you have attached
$('#navbar').off('event names go here');
// Re-attach the events
$('#navbar').on('event names go here');
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.