2014-12-19 3 views
0

나는 페이지에서 serten 장소로 사용하도록 내 엉덩이를 원한다. 내가 몇 가지 jquery 찾고 있었지만 그것이 작동한다면 HTML5와 CSS3에서 그것을 선호합니다. 나는 앵커 태그를 살펴 봤지만 mu 버튼으로 작동하지 않았다. <button type="button" class="btn" >Contact-us</button> 내 페이지에 내가 당신의 사업부에서 <div id="contact-us">내가 엉덩이를 클릭하면 div로 이동

+0

,하지만 당신은 쉽게 작은 jQuery 코드를 추가 할 수 있습니다 스크롤 부드러운있는 아주 좋은 효과를

<a href="#anker1"><button type="button" class="btn">Contact-us</button></a> <!-- content goes here --> <div id="anker1">here we go, could also be empty...</div> 

'
+1

태그에'onclick '이 있습니다. 'onclick'이 자바 스크립트라는 것을 알지? 하지만 당신은 그걸 사용하고 싶지 않다고 했잖아요. – Barmar

+0

ankers는이 문제에 아주 완벽해야합니다. 부드러운 스크롤을 원하지 않으면 jQuery 솔루션을 살펴보십시오. smooth-scroll 플러그인. Ankers example here : http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links_bookmark – abimelex

답변

1

에 가고 싶다, 또는 오른쪽으로 그 위에 당신은 같은 링크를 사용할 수 있습니다

<a name="label"></a> 

나중에 당신이

<a href = yoururl#label">Click here</a> 
로 링크 할 수 있습니다

이러한 유형의 링크는 앵커라고하며 표시되지 않습니다.

+0

고마워요. 지금 일하고 있어요! :) – Xaoi

0

위의 설명에서 언급했듯이 ID에는 anker를 사용하십시오. 당신이 버튼 스타일을 앵커에 의해 감싸는 것을 지키지 않는다면. 여기

$(document).ready(function(){ 
    $('a').click(function(){ 
     $('html, body').animate({ 
      scrollTop: $($.attr(this, 'href')).offset().top 
     }, 500); 
     return false; 
    }); 
}); 

작업 예 : 당신은``와 함께 할 수 http://jsfiddle.net/b70xh8mg/1/

관련 문제