標簽[hashchange] - 堆棧內存溢出

[英]When URL changes on scroll to a certain hash, add a class to a div

我的 URL hash從 www.website.com#section--1 www.website.com#section--2 www.website.com#section--3 等等。這是一個整頁滾動效果。我想要做的是在 URL 滾動到 #section--2 時將 class. ...

如何偏移與元素重疊的錨滾動？

[英]How do I offset the anchor scroll that overlaps elements?

如何為元素 hash 位置添加偏移量，以便我在 window 頂部的導航欄不會與我的內容重疊？我在互聯網上找到的最簡單的解決方案是向目標元素部分添加一些margin-top或padding-top section{ margin-top:100px } ，但這會干擾我的設計，我不想破解使用隱藏元 ...

使用特定哈希調用 URL 時展開詳細信息元素

[英]Expand details element when URL is called with specific hashes

我使用了details和summary元素來折疊頁面的一部分。 <details id="comments"> <summary>Show comments</summary> <ol> <li id-"comment-101"& ...

當前的URL哈希更改事件將新的哈希附加到目標URL並鏈接到它

[英]Current URL hashchange event append new hash to target URL and link out to it

如果哈希值發生變化，則該頁面上有一個頁面ex：test123.com/go#1，例如：test123.com/go#2我想將新的哈希值附加到目標URL並鏈接到它：test123的.com / gopage2＃2 這是到目前為止我嘗試過的代碼：當哈希改變時，什么也沒有發生……有什么 ...

javascript變量顯示在console.log中，而不顯示在瀏覽器輸出中

[英]javascript variable shows in console.log but not in browser output

我試圖重用year變量的輸出。稍后，我將需要在多個函數中重用更新的值（基於hashchange）。它在瀏覽器控制台中顯示正確的值，但在瀏覽器中不顯示。 ...

為什么在hashchange事件監聽器中重復輸出？

[英]Why is output being duplicated inside hashchange event listener?

我用＃2019-01＃2019-02等的哈希值生成了一年中的月份。每次單擊鏈接時，它都會附加另一個月份列表。它僅應顯示月份鏈接的一個副本，但輸出更新的哈希值。因此，如果我單擊2月，則應輸出＃2019-02。 https://jsfiddle.net/captlid/gkhe4n ...

如何知道何時手動更改（寫入）URL哈希？

[英]How to know when a url hash has been manuallly (writing) changed?

有沒有一種方法或工具（js插件或其他工具）在手動更改URL的哈希部分時讓我知道？注意：“手動”是指我在這里：然后使用鼠標/ keaboard取消並重寫哈希，或者單擊后退/下一個瀏覽器按鈕。 ...

jQuery哈希集功能

[英]Jquery hash set function

每當執行此行時，我都需要調用一個函數目前我正在使用哈希更改功能僅在更改哈希值時有效，而在相同哈希值時無效。每當這行我想調用一個函數switchtabs 無論是相同的哈希還是不同的哈希，都將執行。謝謝 ...

Internet Explorer上的窗口hashchange事件未觸發

[英]window hashchange event on internet explorer is not triggered

我在javascript上有一個簡單的函數，如果窗口位置基於url標簽，那么在文檔准備好后，我通常會執行我的函數，我還會添加一個hashchange事件，在該事件中我調用相同的函數。除了在Internet Explorer上之外，其他所有操作均按預期方式進行，如果用戶在不更改哈希的情況下 ...

是否可以捕獲window.location.replace事件？

[英]Is it possible to capture the window.location.replace event?

如果我當前在URL "example.com/somepage#somehash"並且我調用window.location.hash = "anotherhash" ，則URL將更改為"example.com/somepage#anotherhash" 。這會觸發window.hashash ...

僅定位同一頁面的錨鏈接

[英]targeting only same page anchor links

從任何給定網站上的網絡分析師的角度來看，我正在尋找通過控制台在控制台中記錄錨點的文本值（內部html文本）最多點擊相同頁面的錨點。我采用的方法是在每次單擊錨點之后獲取當前頁面的url，並檢查它們是否在url字符串的末尾進行了任何哈希更改，如果是，則在控制台中打印該錨點的文本值。 ...

了解Jquery SPA的實現

[英]Understanding Jquery SPA Implementation

我正在嘗試使用JQuery創建SPA網站。我知道如何使用history.pushState和$(window).on('popstate')但我有幾個問題。目前我有一個處理popstate事件和導航鏈接的router.js文件。我將鏈接放在自定義屬性（data-navId =“ te ...

“ hashchange”在Wordpress中不觸發

[英]“hashchange” doesn't fire in Wordpress

嗨，我正在建立這個網站： http : //www.freiheitmedia.com/en/ 。它以Themify Ultra主題構建。我的目標是在滾動或單擊鏈接時擺脫URL中的#something部分。我需要使用JavaScript / jQuery，因為沒有基於主題的解 ...

hashchange jQuery無法正常工作

[英]hashchange jQuery not working

我有一個表單，可在成功提交后將哈希網址添加到我的域（ http://domain.com/#addedhash ）我希望表單在添加哈希鏈接后向其自身添加一個類。我有以下代碼，但由於某些原因無法正常工作：也許有人在這里看到錯誤？如果通過單擊按鈕添加到鏈接的哈希，但 ...

具有Hashchange URL的錨標記中斷頁面

[英]Anchor Tags Breaking Page That Has Hashchange URL

我正在使用hashchange導航顯示/隱藏內容的網站。問題是，我也想使用錨標簽跳轉頁面。這會破壞站點並顯示初始內容。我似乎找不到解決方法。有沒有一種方法可以構建一個無需使用<a href="#anchor">Link to Anchor</a>可以將 ...

hashChange的eventListener

[英]eventListener for hashChange

我試圖在ReactJS中為我的頁面添加一個事件監聽器。我已將其添加到componentDidMount（）。但是只會為初始頁面加載觸發。每當地址欄發生變化時，如何觸發它。我嘗試了幾種不同的方法使其正常工作，但它們都僅在首次加載時有效。我究竟做錯了什么？謝謝。 ...

取消綁定hashchange事件

[英]Unbind hashchange event

是否可以取消綁定hashchange事件？我這樣綁定它：和解除綁定像這樣：我也嘗試過bind和unbind。我究竟做錯了什么？謝謝！ ...

Ember-CLI-檢測余燼中的哈希更改功能

[英]Ember-CLI - Detect hash-change function in ember

我對炭黑還比較陌生，我遇到了這樣一種情況：當窗口位置更改時，應該從body標簽中刪除類名，並且我想出了一些代碼片段來這樣做。而且它不起作用。 ...

單頁應用程序的History.js用法

[英]History.js usage for single page applications

我正在構建一個單頁面應用程序，我希望使用History.js來管理應用程序狀態。就單擊鏈接和相應地路由視圖而言，我可以按需要進行操作。問題是當我刷新屏幕並更改URL路由時。我知道發生這種情況的原因是因為我的服務器正在捕獲/並試圖在服務器上查找目錄。在使用＃之前，我從未遇到過這個問 ...

jQuery ajax中的哈希和pushstate

[英]hashing and pushstate in jquery ajax

我有3個按鈕以及必須顯示內容的div 每個人的onclick我通過調用相應的函數來更改內容我還添加了哈希，該哈希向網址添加了哈希標簽和數字值這是插件代碼https://plnkr.co/edit/tTMzTFIHD03pkIt4CkHO?p=preview ...