affix

5熱度

1回答

我正在做單頁面應用程序並使用Twitter Bootstrap。我試圖用詞綴像這樣： <div data-spy="affix" data-offset-top="100"> 當我刷新頁面，一切正常，引導詞綴增加一類，像這樣： <div class="affix-top" data-spy="affix" data-offset-top="100"> 後，我走過去100像素，它將其更改爲c

1熱度

1回答

bootstrap 3.0添加下拉菜單

我有一個簡單的導航欄放置在標題下。當用戶滾動瀏覽標題時，我希望導航欄變得固定。問題是，當用戶到達偏移量時，導航欄變得固定，但頁面似乎是滾動的導航欄的高度+它應用的20px底部邊距。 http://jsfiddle.net/WzphN/ 的例子看起來很像什麼我工作的不同之處在於頭不是這樣的標題，但一個負責任的轉盤代替。由於它是響應式的，我使用Javascrip來啓動詞綴效果。 $('#nav'

0熱度

1回答

引導Twitter的固定頂小的導航菜單

這甚至可能通過Twitter的引導 http://www.usatoday.com/opinion/ 當向下滾動，只有菜單部分應保持在頂貼？如果任何人有方便的jsfiddle版本，這將是非常好的。

3熱度

1回答

使用詞綴爲導航和導航條工作

我有一些html版本，用於我的研究組製作的軟件庫網站的頁面佈局。這是通過引導程序3完成的。我想要實現的是在jumbotron下方出現的導航欄，一旦滾動到頁面頂部就會固定到頁面頂部。我還喜歡頁面左欄中的nag元素的類似行爲 - 當頁面滾動並且他們到達頂部時 - 他們然後變得固定並留在那裏。從閱讀中我明白，在twitter引導中的Affix是這樣做的方式，但我並不完全確定我可以想出如何做到這一點。下

3熱度

1回答

在bootstrap 3.0中添加如何設置活動類

我使用bootstrap添加了導航，並且希望在滾動時更改活動li。我已經嘗試過在文檔中給出的東西，但無法修復它。有人能幫我修理嗎？您可以在網址中看到我的頁面http://www.thephpcode.com/help/website-generation-using-pcg.html

2熱度

1回答

防止Twitter的引導詞綴從滾動超過點

當使用Twitter Bootstrap's Affix feature，我可以從頁面頂部設置offset，這樣一旦用戶滾動過去的offset點，側邊欄將隨着用戶向下滾動頁。在某些頁面上，一旦用戶滾動到頁面的底部，我的詞綴側邊欄滾動超出頁面的內容部分進入我sub-footer和頁面footer如下面的圖所示。問題：如何防止粘貼的項目浮動低於我的內容部分（此處由最後一個FAQ手風琴顯示）？ UP

4熱度

1回答

引導3粘貼navbar在滾動和重疊內容時變得透明且不可點擊

我確定它非常簡單，但我在Bootstrap甚至html/css中都很新。我希望我的導航欄位於我的標題之後，並在滾動時通過它固定到頂部。我得到了這個工作，但是：滾動時，導航欄變得透明和不可點擊，並且高於我的其他內容。我該如何克服這個問題？這裏是我的.html： ` <div id="nav" class="navbar navbar-default"> <div class="co

2熱度

1回答

如何實現`scroll-spy`使得多個目標可以同時激活？

最近我一直在使用Bootstrap，我目前正在爲我的網站創建一個新模板。我在這個問題上進行了大量的搜索，但我發現的大部分內容都是針對無法獲得scrollspy的人。我想要做的是創建一個側面導航，爲每個字母的字母單獨的目標。您點擊鏈接可將您帶到內容面板的該部分。內容面板將按照字母順序排列。手動滾動頁面應自動將導航欄中的鏈接設置爲active，導致字母突出顯示（或者我決定通過CSS做的任何事情）。

0熱度

2回答

增加填充當且僅當部分位於頁面頂部

我使用引導程序創建一個頁面，其中包含一個jumbotron頂部，一個sidenav（添加到頂部）以及一些內容在點擊時上升到頂部sidenav。從功能上來說，它工作正常，但定位主要內容需要幫助。如果可能，我的目標是讓sidenav中點擊的內容部分不出現在頁面的頂部，而是在瀏覽器窗口頂部以下約70px。我可以輕鬆地將70px添加到每個部分的頂部，但是頁面最終會在部分之間留下太多空白。代碼結構如下..

2熱度

2回答

爲什麼Bootstrap popover在目標位於固定容器內時被壓扁？

This jsfiddle說最好，但我有一個popover觸發器，工作正常。但是，如果我將容器貼上，彈出的部分就會變形。爲什麼以及如何對此進行補救？ <script type="text/javascript"> $(function() { $(".popover-trigger").popover({ content: function() { retur