Headroom.js navbrand 和 navlinks

[英]Headroom.js navbrand and navlinks

我在我的引導網站中使用 Headroom.js，到目前為止一切都很好，可以按照我想要的方式正常工作。 不過我有一個問題：在“notTop”中是否有任何方法可以更改導航品牌和自定義導航鏈接？，讓我更清楚一點，修復后，我使用帶有白色版本徽標和白色導航鏈接的透明導航欄，但是，當向下滾動，我需要導航欄白色 ...

如何在 React 中獲取組件高度以觸發 Headroom？

[英]How to get an component height to trigger Headroom in React?

這是我第一次與 Gatsby 和 React 打交道，所以我可能在這件事上使用了錯誤的方法。 無論如何，這就是正在發生的事情。 從 gatsby-starter-hello-world 開始，我正在構建這個網站，該網站將由一個首頁組成，頂部有一個英雄，包含介紹信息。 右下角，我打算插入一些內容（我 ...

以編程方式設置滾動時，防止隱藏導航欄

[英]Prevent hiding navigation bar when scroll is set programmatically

我有一個導航欄，當用戶向下滾動時它會隱藏，而在用戶向上滾動時會顯示。 Headroom.js庫中實現了類似的行為。 隱藏和顯示的邏輯在scroll事件上被調用。 我還有一張大桌子，不時在上面放一些行。 我希望此表即使添加新行也能保留用戶的視圖位置。 如該答案中所建議的那樣實現。 ...

在Safari中從純色更改時，透明背景變為黑色

[英]Transparent background becomes black when changing from solid colour in Safari

我使用headroom.js隱藏/顯示滾動條上的導航欄。 效果很好。 向上滾動時，導航具有純背景色，並且當導航位於頂部時，背景應該是透明的。 Chrome上沒有問題，但Safari有問題。 標記： CSS： 我看不出為什么BG變成黑色。 任何原因？ ...

Headroom.js標頭具有初始靜態狀態

[英]Headroom.js header with initial static state

我使用了很棒的Headroom.js插件來構建一個自動隱藏的頭文件。 標題從開始時是靜態的，並在偏移（向下滾動）后變為固定，然后變回靜態（當它返回到頂部時）。 這就是我所做的： http ： //codepen.io/netgloo/pen/KmGpBL 但是我遇到了兩個問題： ...

在WordPress中使用Headroom.js

[英]Using Headroom.js with WordPress

我想在我的網站上使用headroom.js以便在向下滾動時隱藏標題，並在向上滾動時重新顯示標題。 我正在使用WordPress。 我嘗試將js文件放在主題文件夾中，並使用functions.php調用它，但似乎沒有用，所以我改用了這個插件： https : //twd.wordpress ...

帶有 Typescript 的 Headroom.js 找不到模塊

[英]Headroom.js with Typescript can't find the module

有人在打字稿土地上工作嗎？ 谷歌搜索，似乎沒有。 將這個庫合並到我的 Browserify 項目中，但沒有任何運氣。 我有這個用於 headroom.js v0.9.3 的打字文件 https://github.com/retyped/headroom-tsd-ambient/blob/m ...

如何讓 headroom.js 工作/逐步

[英]How to get headroom.js working / step-by-step

我真的很喜歡 headroom.js 但我就是無法讓它工作。 某種循序漸進的指導會很棒。 所以這是我到目前為止所做的...... 我下載了git repro 在結束正文標記之前將腳本包含在我的 html 文件中 <script type="text/javascript" src= ...

jQuery-單擊時在兩個函數之間切換

[英]Jquery - Toggle between 2 functions when clicking

我正在其中一個網站中實現Headroom.js。 由於可用性的原因，我需要能夠在用戶單擊特定的div時在初始化和銷毀​​腳本之間進行切換。 該div的ID為#hamburger 到目前為止，這是我的代碼。 現在，當用戶單擊時，Headroom腳本將被銷毀。 但是，如果用戶 ...

是否可以直接改變React控制的DOM元素的屬性？

[英]Is it fine to mutate attributes of React-controlled DOM elements directly?

我想將headroom.js與React一起使用。 Headroom.js文檔說： 在它最基本的headroom.js只是添加和刪除元素中的CSS類以響應滾動事件。 將它直接用於React控制的元素是否可以？ 我知道當DOM結構發生變異時，React會失敗 ，但修改屬性應該 ...

jQuery-使用headroom.js刷新$（window）.resize函數

[英]jquery - Refresh a function on $(window).resize using headroom.js

我正在嘗試從headroom.js（ http://wicky.nillia.ms/headroom.js/ ）啟動腳本，以在元素到達頁面頂部時觸發。 如果調整窗口大小，元素的位置將改變。 我的問題：函數的偏移量值不希望在$（window）.resize上使用它。 變量offset會更 ...

Android瀏覽器隱藏欄位置：固定在屏幕底部

[英]Android browser hiding bar which is position:fixed to bottom of screen

我使用position：fixed在屏幕底部固定了一個“帳戶欄”，當用戶使用名為headroom.js的插件向下滾動頁面時，我會自動隱藏它 這可以在除Android瀏覽器（運行Kitkat的Samsung Galaxy Note 4）以外的所有瀏覽器上完美運行，因為Android瀏覽器在屏 ...