2016-07-08 48 views
-5

我有一個帶有Bootstrap的固定導航欄。問題是,它有時會與我的網頁上的標題和其他內容重疊。JS Div的高度

我有一個手動頁邊距的vid來嘗試解決這個問題,但是如果我向它添加一條通知,導航欄高度會不斷變化,因此它或者重疊得太多,或者導航欄和內容之間有很大差距。

<div class="sep" id="separator" style="padding-top:60px"> 

上述工程的股利,但不準確的,是有辦法,當加載頁面時,我能得到我的導航欄的整個高度,然後把那個高度進入分離器的div所以它有一個每次定製填充頂部?

對不起,有任何混淆。

+0

請顯示您的嘗試。發佈你的代碼,你有問題。 – Jmh2013

+0

這和PHP有關怎麼樣? –

+0

你真的應該發佈你的代碼。否則,你的問題將會降低很多。另外,與你的問題有關。假設我建議你使用AJAX。答案完全像你的問題。你喜歡它嗎? – Ionut

回答

0

我對這裏的問題有點困惑,但我認爲(?)這是你正在尋找的。只需將margin-top更改爲不同的東西

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> 

<script>$(document).ready(function() { 
    var d = $('#test'); 
    var h = d.height();   
    d.css('margin-top', 100); 
    }); 
</script> 
+0

這看起來好像會起作用,但我幾乎不知道JS並儘量避免它。我更後端。我會盡力整合它。 – Lachlan

+0

我編輯它讓它變得更簡單。只要將#test更改爲#whateverIDtheDivHas,並將margin-top更改爲您要更改的css屬性 – QuestionsToAskThingsToDo

+0

我給出了一個不好的解釋。當添加通知欄時,導航欄的高度會不斷變化,在正文後面我有一個ID爲「分隔符」的div - 它有一個手動固定的填充位置來阻止導航欄重疊,但通常會創建太多或太少的空間,所以我需要這個填充改變,並等於導航欄的總高度。 – Lachlan