фиксированное меню

[mgorban]

Здравствуйте. подскажите пожалуйста Как правильно сделать меня?

Есть фиксированное меню, пункты которого переносят на разные места одной страницы, все бы ничего но когда перехожу на очередной пунтк, часть текст скрывается под этим самым меню (а точне 100px)

вот пример скриншота как получается:

http://c2n.me/3kwFPbp

а вот так должно быть:

http://c2n.me/3kwFUs6

  <div class="menu">
        <div class="menu-box">
            <div style="width:200px; text-align:left;">
                <a href="#"><img src="img/logo-epica.png" /></a>
            </div>
            <div style="width:600px;">
                <ul class="nav">
                    <li><a href="#work">Наши работы</a></li>
                    <li><a href="#uslugi">Услуги</a></li>
                    <li><a href="#">Акция</a></li>
                    <li><a href="#">Как мы работаем</a></li>
                    <li><a href="#">О нас</a></li>
                    <li><a href="#">Что мы делаем</a></li>                  
                </ul>
            </div>
            <div style="width:200px; text-align:right;">
                <p style="font-size:33px;">+ 38 067 694 66 88</p>
                <p style="font-size:28px;">[email protected]</p>
            </div>
        </div>
    </div>

СSS

.menu {
    text-align:center;
    overflow:hidden;
    max-width:100%;
    height:100px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding-top:0px;
    margin:0 auto;
    background-image:url(../img/bg.jpg);
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .8);
}

.menu-box {
    white-space:nowrap;
    font-family:'Open Sans Condensed', sans-serif;
}

.menu-box div {
    display:inline-block;
    padding-top:10px;
}

 

Змінено 9 липня 2015 користувачем mgorban

[ArtemPitov]

посмотреть бы на сам сайт

[mgorban]

посмотреть бы на сам сайт

:( так он еще на компе может я что-то могу скриншотом показать?

[andzaaa]

скорей всего смотрите скрипт который отвечает за прокрутку к нужному пункту

[mgorban]

скорей всего смотрите скрипт который отвечает за прокрутку к нужному пункту

ээ... я делал без скрипта.. со скриптом у меня не получилось...

[ArtemPitov]

<script type="text/javascript">
$(document).ready(function () {	
$(function () {	

$(window).scroll(function () {
		
 if ($(this).scrollTop() > 300) {	
 $("#scroller").show();	
 $('#scroller').css({'background-color':'rgba(0,0,0,0.10)'});
 }
   
 else {	
 $("#scroller").fadeOut()
 }	
 
});

$(window).scroll(function () {

 if($(this).scrollTop() > 800) {
 $('#scroller').css({'background-color':'rgba(255,255,255,0.10)'}) 
 }	

});

 $("#scroller").click(function () {	
 $("body,html").animate({scrollTop: 0}, 300);
 
return false }); 

}); 
});
</script>

Вот так я себе делал, пример на сайте можете глянуть bigsam.com.ru

[mgorban]

 

Вот так я себе делал, пример на сайте можете глянуть bigsam.com.ru

 

Если я выложу щасть сайта (он у меня еще не доделан) вы сможете для моего меню сделать скрипт.???.. Ну хоть убейте не получается у меня, уже кучу разных вариантов перепробовал.. (((

[mgorban]

вот, я выложил. сильно не пугайтесь там много чего не доделано, но сейчас главное - это страдальческое меню http://epica-1.mg-portfolio.ru

Помогите пожалуйста.

[HyperLabTeam]

#work
расположи выше

или
http://itchief.ru/lessons/bootstrap-3/38-bootstrap-3-navigation-menu

Змінено 10 липня 2015 користувачем AWARO

[HyperLabTeam]

navbar-fixed-top таое