2012-09-20 4 views
1

내비게이션에서 링크를 클릭하면 링크 된 div의 오른쪽으로 페이지가 스크롤되는 가로로 스크롤되는 웹 사이트를 개발하려고합니다.가로로 스크롤하는 페이지의 중앙에 위치

문제는 스크롤하는 요소를 브라우저 창 중앙에 수평으로 배치하고자하는 것입니다. 이 자바 스크립트를 사용하여 수행 할 수 있다고 가정하지만 그것에 대해 갈 방법을 모르겠다.

은 여기 내 HTML에 페이스트 빈 링크입니다 : http://pastebin.com/YxajLvtW 그리고 여기에 CSS입니다 : http://pastebin.com/JpaJC2Yg

내가 자바 스크립트를 구현하는 방법을 알고 있지만, 반드시 읽기/쓰기 없습니다.

답변

0

이 도움이 될해야합니다 http://www.arvindandrion.com/jquery/horizontal-scroll-using-jquery-scrollto/

일반 정보 : 자바 스크립트 기능을 코딩 jQuery 같은 자바 스크립트 프레임 워크를 사용합니다. 그것은 삶을 만드는 loooooot 쉽게 :

어쩌면 너무, 이것 좀보세요 : http://api.jquery.com/scrollLeft/

+0

그럼 난 이미 수평 스크롤 부분은, 난 그냥 가로로 가운데 부분을 파악하고 싶었어요. Scrollto 및 scrollleft는 자동으로 다음 요소로 스크롤하는 것입니다. 저는 margin-left : auto, margin-right : auto를 항상 사용했습니다. 그러나 컨테이너 너비가 브라우저보다 넓은 경우에는 중단됩니다. 봐, – chrscblls

+0

. 이 jsfiddle에 자바 스크립트를 추가 할 수 있습니까? http://jsfiddle.net/8abWm/ – Horen

+0

나는 그것을 여기에서 업데이트했다, 나는 그것이 작동하는지 확실하지 않다 : http://jsfiddle.net/8abWm/2/ 작동하는 버전은 여기있다 : http : // ikilledtheinter .net/centered/ 분명히 지금은 그냥 가로 스크롤 구조를 simlpe, 난 그냥 요소를 작동하도록 노력하고있어. 정말 제가 물어 보는 유일한 것은 페이지의 각 요소를 수평 적으로 (브라우저와 관련하여) 가운데 놓는 방법입니다. – chrscblls

관련 문제