2013-08-09 1 views
0

사용자가 링크를 통해 도달 할 때 상단에서부터 시작하는 대신 중간으로 자동 스크롤되는 페이지에 문제가 있습니다. 예를 들어 이미지 아래의 "[#] Recommendations"버튼을 클릭하면 해당 이미지의 추천 페이지로 연결됩니다.링크에서 도달하면 페이지가 맨 아래로 스크롤됩니다.

http://whatgoeswiththis.co/#request/8

http://whatgoeswiththis.co/#request/5

는 페이지가로드 반쯤 스크롤 : 문제는 페이지가이 특별한 요청에서와 같이 하나 개 이상의 추천을 가지고있는 경우이다. 권장 사항이 아직 업로드되지 않은 경우로드가 잘된 것처럼 보입니다.

모든 브라우저에서 문제가있는 것으로 나타 났으며 업로드 된 권장 사항 수에 따라 스크롤이 임의의 위치로 설정되어있는 것처럼 보입니다. 페이지에는 일반적인 HTML/CSS 헤더가 있지만 맨 위의 모든 부분은 handlebars.js 스크립트입니다.

사용자가 추천 페이지에 도달 할 때마다 페이지 상단에서 시작할 수 있도록하려면 어떻게해야합니까? 새 javascript 태그를 추가하고 싶지는 않지만 가능한 경우 스크롤을 일으키는 것을 제거하고 싶습니다. 감사!

+0

나는 약간의 실험을했으며 홈 페이지에서 요청 카드를 클릭했을 때만 나타나는 것으로 보입니다. 다른 방법으로 페이지를 방문하면 항상 맨 위에서 시작됩니다. 내가 줄 수있는 유일한 제안은 각각의 요청 카드에 대해 onclick 이벤트를 처리하는 것을 살펴보고, 무엇을한다면 무엇을하고 있는지 확인하는 것입니다. 아마 이것이 Backbone을 사용하는 한 페이지 응용 프로그램이라고 가정합니까? –

+0

앱 구조가 정확합니다. 최소한 js 이벤트는 일어나지 않습니다. 적어도 제 지식에 달려 있습니다. 클릭하면 콘솔에 js 호출이 표시되지 않습니다. 도움이 필요한 경우에 대비하여 요청 - 카드 용 적절한 핸들 바 파일에 링크를 제공하는 행입니다. '{{recommendations}} Recommendations'감사합니다! – YPCrumble

답변

1

마침내 문제가 무엇인지 깨달았습니다. 나는 백팩 애플 리케이션에서 똑같은 문제를 겪고 있었다. 문제는 요청 카드를 클릭 할 때 페이지가 정확히 동일한 스크롤 위치에 있다는 것입니다. 그래서 홈 페이지의 얼마나 아래에 위치 하느냐에 따라 요청 페이지의 어느 부분에 도착했는지 알 수 있습니다.

사이트에서이 문제를 해결하는 가장 좋은 방법이 무엇인지 모르겠으므로 Google에서 수정 한 내용을 설명하겠습니다. 저희 웹 사이트에서는 스크롤 위치가 0으로 재설정되도록 사이트의 주요 요소 DOM을 다시 작성했습니다. 귀하의 사이트에서 홈페이지의 템플릿은 #homepage 안에있는 요소 만 가질 수 있습니다. 링크를 클릭하면 #requestpage 안에 모든 내용이 포함 된 새 템플릿이 사용됩니다.

관련 문제