jQuery 한 페이지가 잘못된 위치에서 스크롤

내 웹 사이트의 한 페이지에서 http://s361608839.websitehome.co.uk/pt-build/templatebuild/을 클릭하면 최상위 메뉴 옵션을 클릭하면 페이지가 페이지의 각 섹션으로 스크롤됩니다.jQuery 한 페이지가 잘못된 위치에서 스크롤

문제 스크롤 할 때 페이지의 상단 부분이 섹션의 상단 부분을 덮고 있습니다.

내 CSS에서이 문제를 방지하기 위해 할 수있는 일이 있습니까?

감사합니다.

출처

2011-10-13 Tim

일부 여백을 여백으로 바꿉니다. 이런 식으로 페이지를 아래로 점프하면 내부 상자의 가장자리, 패딩 바깥 쪽 경계선/가장자리에 점프합니다. 당신이해야 할 일은 그 div 안에있는 내용으로부터 상상의 선을 옮기는 것입니다, 그래서 패딩을 증가시키고 디자인을 유지하기 위해 약간의 마진을 줄이십시오.

나는 그것이 당신의 trainingsessions 섹션에 대해 어떻게 작동하는지보고, 수정, 귀하의 사이트와 장난 일부는, 내가이 CSS 도착했다 :

margin-top: 0; 
padding: 120px 350px 30px 0;

출처

2011-10-13 14:23:15 Chris

는 순수 CSS로를 조정 추가 151px를 추가하려면를합니다 (너의 #topwrap 엘리먼트의 높이)를 각 div의 padding-top으로 옮깁니다. 그런 다음 각 앞선 탐색 가능한 margin-bottom에서 151px를 뺍니다. div. 또한

#div1 { /* first navigable div */ 
    margin-bottom: -151px; 
} 
#div2 { /* all intermediate navigable divs */ 
    padding-top: 151px; 
    margin-bottom: -151px; 
} 
#div3 { /* last navigable div */ 
    padding-top: 151px; 
}

, 당신의 스크롤 위치를 조정할 수 있습니다 : 같은

이의 단순화 된 버전은 (당신이 당신의 기존 마진과 패딩과 함께 작동하도록 수학을해야합니다) 볼 것 자바 스크립트의 높이는 15138x입니다.

출처

2011-10-13 14:28:36 Brent

jQuery 한 페이지가 잘못된 위치에서 스크롤

답변

관련 문제