Twitter bootstrap navbar için aşağıdaki http://codepen.io/anon/pen/eIfdn 'a bakıyorum. Sadece kaydırdıktan sonra navona gölge ekler. Herhangi bir tavsiye yardımcı olabilir teşekkür ederim. Twitter bootstrap navbar gölgesinde kaydırma
.navbar {
*position: relative;
top: 0;
left: 0;
width: 100%;
height: 80px;
z-index: 999;
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
display: none;
*z-index: 2;
margin-bottom: 20px;
overflow: visible;
}
CSS Thats değişti ve yukarıdan js ilave edildi.
http://jsfiddle.net/panchroma/pyYfG/
HTML
<div class="navbar" data-spy="affix">
<div class="navbar-inner">
.... standard navbar stuff ...
</div>
</div>
<div id="top-shadow"></div>
.... page content ...
CSS
: Burada başlamak için somenthing I Burada$(document).ready(function(){
$(window).scroll(function(){
var y = $(window).scrollTop();
if(y > 0){
$("#navbar").css({'display':'block', 'opacity':y/20});
} else {
$("#navbar").css({'display':'block', 'opacity':y/20});
}
});
})
Kodunuz olan bir şeyi nasıl yapacağınızı öğrenmek istiyor musunuz? –
Her defasında, bootstrap navbarına aşağıdakileri eklediğimde, ne yaptığımdan emin değilim. – Morki
"Bu kırılıyor" geniş bir sorundur. Bize gösterebilir misin? –