2017-12-31 50 views
1

아래에 간다 해결할 수 있습니까? 여기 내 코드입니다 :내가 어떻게 스크롤 바는 내가 내 네비게이션 바는 스크롤 막대 만들기 스크롤 막대 위로 아래 사람 이동에 문제가 naigation 바

HTML :

<div id="main-style"> 
<nav> 
<img src="images/logo_3.png" height="60px" width="215px"> 
<ul> 
<li><a href="#">Home</a></li><!-- 
--><li><a href="#">About</a></li><!-- 
--><li><a href="#">Contact</a></li><!-- 
--><li><a href="#">Menu</a></li> 
</ul> 
</nav> 
</div> 

CSS :

html { 
    font-size:100%; 
    overflow-y:hidden; 
} 

body { 
    margin: 0; 
    width: 100%; 
    } 

html, body { 
    position:relative; 
    overflow-x:hidden; 
    height:100%; 
    } 

*, *:before, *:after { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; } 
*{ 
    margin: 0; 
    padding: 0; 
} 

    #main-style{ 
    width: 100%; 
    position: fixed; 
    z-index: 5; 
} 

당신이 사람 덕분에 나를 도울 수 있기를 바랍니다!

+0

에 오신 것을 환영합니다! 여분의 CSS 일부를 제거하는 방법에 대해 알아 보았습니까? 문제가있는 곳에서 조금 더 명확하게 나타 났습니까? –

+0

원한다. ;) –

답변

0

내가 오버 플로우에 문제가, 어쩌면 그 일 것이라고 생각 :

<nav> 
    <img src="images/logo_3.png" height="60px" width="215px"> 
    <ul> 
    <li><a href="#">Home</a></li><!-- 
    --><li><a href="#">About</a></li><!-- 
    --><li><a href="#">Contact</a></li><!-- 
    --><li><a href="#">Menu</a></li> 
    </ul> 
    </nav> 

CSS : 스택 오버플로

nav { 
    display:block; 
    overflow: visibility !important; 
} 
html, body { 
    position:relative; 
    //overflow-x:hidden; 
    height:100%; 
    } 
+0

나는 그것을 시도하고 그것은 전체 스크롤 막대를 제거 –