如何在狹窄的視口上移除jquery scrollfix類

我正在使用ScrollFix來修復滾動時的頁眉。雖然它工作的很好，但我想禁用/刪除此腳本添加到我的標題#header以禁用ScrollFix功能的類（.scroll-fix）當我的視口寬度低於768像素。如何在狹窄的視口上移除jquery scrollfix類

我知道我可以通過媒體查詢來做到這一點，但只是簡單地說就是沒有解決問題，我認爲通過javascript使用removeClass顯然是最好的選擇......然而，在做了在線研究和嘗試之後用這個腳本來做一個removeClass，我似乎無法得到正確的答案。我很確定這很簡單。

注意：我對javascript一點都不好，所以我最終只是猜測大部分時間。

這裏是我的JS FIDDLE

我會很感激你的幫助，感謝

來源

2015-04-12 user3364730

'位置：fixed'修復你頭...類指定一些額外參數，因此刪除與否，你將有頭固定，直到我以前不刪除內聯接着說：位置：fixed'或添加一個額外的類覆蓋它 – Reflective

感謝您的反應如此之快......你看我已經嘗試了一切，我知道CSS明智的，它創造了奇怪的問題，即使我重寫一些CSS修復程序添加的CSS屬性，如顯示：無;或位置：相對;等等...正如我的問題中提到的，我認爲最好的做法是在... $（'＃header'）。中執行removeClass事件。 ...我一直在試圖做但沒有成功。 – user3364730

如果你想通過刪除類來處理問題，至少要初始化'scrollFix'設置'style'爲'false'，即$（'＃header'）。scrollFix（style：false）;'因爲否則內聯' style =「position：fixed」'將被添加，刪除類不會有太大幫助，所以我建議你添加額外的類而不是刪除'.scroll-fix'，並在此調用的css中重寫'position：fixed' – Reflective

好吧，我回答我的問題，因爲它是一個幾天，它看起來像沒有太大的興趣/幫助上這個話題。我決定使用另一種方法，其工作方式完全相同，但關於此方法的好處是，涉及的jquery/javascript極少，它更依賴於CSS，這使得在使用媒體查詢時操作起來更容易。

查看我的[FIDDLE] [1]，並記住調整大小和縮小768px視口的窗口看到效果：

1）當視口低於768px（移動設備模式）時，粘/固定導航IS NOT固定在渦旋

2）當視口是上述768px（臺式/膝上型模式）時，粘性/固定導航IS固定在渦旋件。

我希望這可以幫助誰想要相同的效果。

[1]: https://jsfiddle.net/g38mzx1L/1/

來源

2015-04-16 19:30:46 user3364730

我不明白爲什麼我不能像往常一樣鏈接FIddle，但帖子部分不允許我哪些是奇怪的，但儘管如此，鏈接在那裏 – user3364730

如何在狹窄的視口上移除jquery scrollfix類

回答

相關問題