fixed

    0熱度

    1回答

    對於html和css我很新,我想製作一個固定標題。但是每當我嘗試時,靜態元素都會被抓到,除非我給他們定位:絕對。這裏是我的CSS: .heady { position: fixed; width: 100%; background: hsla(176, 100%, 75%, 0.24); margin-bottom: 100px; } .header {

    0熱度

    1回答

    我創建了一個額外的菜單欄(.secondnav),我想將它放在原始頁眉(#headAnnouncementWrapper)正下方的網站中。問題是,當滾動時,標題的高度在從相對位置變爲固定在頂部時以及在移動時變化。 我一直在試圖用這樣的: var scrolled = 78; var headHeight = $('#headerAnnouncementWrapper').height()

    0熱度

    1回答

    我已經添加了一些簡單的動畫滾動到我的網站,但是在jQuery中有一個小小的怪癖。我slideDown()一個.nav-fixed導航欄,每當網站的窗口頂部是從網站的頂部導航靜態.nav。一切都很好,除非當你點擊任何鏈接(我假設任何鏈接與jQuery onClick動畫滾動功能).nav-fixed暫時隱藏,並在網站滾動後再次顯示。我是控制檯日誌記錄Should hide the nav,只要頂部靜

    0熱度

    2回答

    我只在應用程序(iOS)上繪製時沒有網站: 我有一些問題,我必須使用純淨的Javascript沒有任何其他庫。 <div class="header" style="position:fixed; z-index: 99;"></div> <div class="content" style="position:relative"> <div class="cover" style="

    1熱度

    1回答

    我想在頁面頂部有一個固定導航欄的網站上使用視差效果。由於視差效果處理溢出的方式,滾動條似乎位於頁面頂部的固定導航欄下方。我有一個fiddle to demonstrate this。 我曾嘗試將固定導航欄div放入視差容器內。這會移動滾動條下方的導航欄,但也會導致導航欄不固定到頁面的頂部。 這是到目前爲止我的代碼... HTML <div class="navbar">NavBar</div>

    -1熱度

    2回答

    位置:固定不適用於移動Safari瀏覽器。我已經嘗試了兩種設備,iPhone7和5s以及最新的Safari版本。我正在失去理智。沒有互聯網技巧,我已經找到可以幫助我。我發現一個網站,我的iPhone實際上向我展示了固定導航欄。但是當我將該網站的源代碼複製到我的代碼中時,我的iPhone拒絕將導航欄顯示爲固定元素。 .fixed { position:fixed; width:1

    1熱度

    1回答

    我在爲我的聊天定位文本框時遇到了麻煩。我只能讓它看起來好一個特定的決議。在其他屏幕尺寸,它看起來很糟糕。如何調整所有分辨率(> 1360像素)的文本框的位置以適應底部的小黑暗區域。當我嘗試調整一個分辨率時,在其他分辨率上看起來不太好。 https://jsfiddle.net/4pvfwz11/1/ <div class="chatdiv hidden-xs hidden-sm col-lg-2

    1熱度

    3回答

    這是例子:https://jsfiddle.net/5ahw3tec/ HTML html body { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    0熱度

    1回答

    我需要有關我的z-index無法工作的幫助。我一直在尋找所有的網絡和堆棧,並找不到解決方案,我的問題是這樣的: 我有一個標頭(位置:固定)頂部z-index:9999,我有一個div標記(位置:相對)在它下面。當我在本地測試我的網站時,一切正常,當我上傳我的網站時,一切正常,但不是在Chrome上。 出於某種原因,我的內容超出了我的固定標題,而且我認爲我從字面上嘗試了一切。我把位置屬性和z-ind

    1熱度

    2回答

    我沒有找到解決方案,所以我轉向你:)。 這裏是上下文:我有兩個兄弟元素,一個是絕對位置,另一個是固定位置。固定元素基本始終位於頂部。考慮下面的代碼: * { box-sizing: border-box; } html, body{ margin: 0; padding: 0; height: 100%; width