2013-05-04 2 views
0

으로 스크롤 현재 간단한 <a name>을 사용하여 스크롤하고 있습니다. 그러나 상단 여백에 문제가 있습니다. 그 위에 공간이 너무 많아서 제목이 육체가되고 싶습니다. 나는 자바 스크립트와 jquery에 대한 이해가 부족하고 끊임없이 연구했고 아무 것도 나를 위해 일하는 것 같지 않다. 이를위한 간단한 해결책이 있는가, 아니면 "최상의 방법/모범 사례"가이 효과를 없애는 것입니까?앵커 태그를 사용하여

<h2><a style="color: #fff" name="classic"> 
<div class="menutitle"> 
<img src="/system/images/W1siZiIsIjIwMTMvMDUvMDEvMTNfMTdfMDNfMjA2X2NsYXNzaWNzLnBuZyJdXQ/classics.png" /> 
</div> 
</a> 
    </h2> 



<div class="large-3 pull-9 columns" style=" 
position: fixed; 
height: 50%; 
width: 15%; 
"> 

<div class="panel"> 
    <ul class="side-nav"> 
    <li><div id="appetizer2"><a href="#appetizer"><h3>appetizers</h3></a></div> 
</li> 


    <li><div id="soupmenu"><a href="#soup"><h3>soups &amp; side salads</h3> </a> 
    </div> 
    </li> 
    <li><div id="classic"><a href="#classic"><h3>classic</h3></a> 
+0

여백이 너무 많으면 CSS를 통해 그 여백을 제거하지 않으시겠습니까? (그리고 btw.,''를 사용할 필요가 없습니다.'id' 속성이있는 모든 요소는'') – CBroe

답변

0

당신은 <a href="#mydiv">Jump to My Div</a> 같은 앵커 태그와 페이지 상단의 사업부를 만드는 사업부 아래로 이동합니다 다음 앵커 클릭 <div id="mydiv"> 같은 사업부가있는 경우 - 사업부는 하단이 아닌 이 경우 화면에는 div가 맨 위에 표시되지 않습니다.

0

작은 코드를 게시 할 수 있다면 페이지를 스크롤해야한다는 점을 이해하면 a href = "# someID" 또는 자바 스크립트에 scrollBy (xVal, yVal) 내장 함수

+0

을 통해 타겟팅 될 수 있습니다. @jfakult 일부 코드 추가 – nil

관련 문제