Крепление DIV страницы с помощью наклеить

Question

Я использовал свойство аффикса фиксировать DIV в определенных пикселях от верхней части, но это не работаю для me.The боковой панели не фиксируется здесь

Вот код Я использую

<div id="sidebar" style="float:left" class="affix"> 
<div id="nav-anchor"></div> 
<nav class="indexnav"> 
<ul id="indexlist"> 
<li><a href="#AdolescentGynecology">Adolescent gynecology</a></li> 
<li><a href="#BreastEvaluation">Breast evaluation</a></li> 
<li><a href="#BirthControl">Birth control/emergency contraception</a></li> 
<li><a href="#Endometriosis">Endometriosis</a></li> 
<li><a href="#Fibroids">Fibroids</a></li> 
<li><a href="#HPV">HPV vaccination</a></li> 
<li><a href="#Infertility">Infertility</a></li> 
<li><a href="#Menopause">Menopause and hormonal issues</a></li> 
<li><a href="#Menstrual">Menstrual problems</a></li> 
<li><a href="#Minimally">Minimally invasive surgical approaches</a></li> 
<li><a href="#Normal">Normal and abnormal Pap smears</a></li> 
<li><a href="#Polycystic">Polycystic ovarian syndrome</a></li> 
<li><a href="#Premenstrual">Premenstrual syndrome</a></li> 
<li><a href="#SexualDysfunction">Sexual dysfunction</a></li> 
<li><a href="#STD">Sexually transmitted diseases</a></li> 
<li><a href="#Vaginitis">Vaginitis</a></li> 
<li><a href="#Urinary">Urinary and fecal incontinence</a></li> 
<li><a href="#Advanced">Advanced laparoscopy</a></li> 
<li><a href="#Colposcopy">Colposcopy services</a></li> 
<li><a href="#Gynecology">Gynecology surgical procedures</a></li> 
<li><a href="#Question" style="font-family:'source san pro'; font-size:24px;">Need to know more?</a></li> 
</ul> 
</nav></div> 

Css я использовал для приведенного выше кода

#sidebar .affix{ 
    top:10px; 
    position:fixed;} 

Javascript Used

$(document).ready(function(){ 
jQuery("#sidebar").affix({ 
     offset: { 
      top: 700 
     } 
    }); 
    $("#sidebar").on('affixed.bs.affix', function(){ 
     alert("The left navigation menu has been affixed. Now it doesn't scroll with the page."); 
    }); 
}); 

Answer 1

В вашем CSS попробуйте удалить пространство в этой строке:

#sidebar .affix 

Кроме того, ваш браузер совершенно прав либо должно быть что-то вроде:

jQuery('#sidebar.affix').css ({ <style definitions go here> }); 

если, конечно, у вас есть какой-то, что определяет плагин метод «аффикса»!