www.cnn.com을 확인하십시오. 아래로 스크롤하면 아래쪽에있는 링크 중 하나를 클릭하고 브라우저에서 '뒤로'를 클릭하면 페이지 맨 위가 처음으로 표시됩니다. 잠시 후 브라우저는 링크를 클릭했을 때의 위치로 돌아갑니다. 다른 브라우저에서는 짧아 지거나 길어질 수 있지만 실제로는 짜증납니다. 새로운 창에서 링크를 여는 것 이외의 다른 일이 발생하지 않도록하는 알려진 (또는 알려지지 않은) 방법이 있습니까?'뒤로'클릭시 스크롤링 효과를 방지하는 방법
답변
클라이언트 (웹 브라우저)에서 유지 관리하므로이를 방지 할 수있는 방법이 없습니다. 그러나 적은 양의 콘텐츠가있는 페이지에서는 '점프'가 메모리로 되돌아 오는 데 더 오래 걸리는 페이지만큼 명확하지 않습니다.
물론 새 창에서 페이지를 열거 나 iframe
을 사용할 수 있지만 둘 다 나쁜 방법 일 수 있습니다. 가능한 한 많은 양의 콘텐츠 (특히 이미지 및 스크립트)를 줄이십시오. 모든 대형 웹 사이트에는이 "문제"가 있기 때문에 사용자는 익숙해지며 그 이유 때문에 컴퓨터 또는 브라우저의 속도가 사이트보다 높을 가능성이 더 큽니다.
웹 사이트를 디자인하고 싶지 않은 경우 어쨌든 뒤로 버튼을 사용해야합니다.
로드가 완료 될 때까지 아무 것도 표시하지 않도록 페이지를 스크립팅하는 것이 가능합니다 (점프가 발생한 후에) 그러나 나는 나쁜 생각 일 것이라고 동의합니다 . 점프가 빨리 종료되도록 페이지 로딩을 최적화하는 것이 좋습니다. –
이것은 아마 당신이 얻을 수있는만큼 가깝지만 거의 눈에 띄지 않을 것입니다. 또한 Chrome에서이 작업을 시도했습니다. 다른 브라우저에서 다르게 작동 할 수 있습니다. 이 기능은 이유가 브라우저에 존재하며, 사용자는 그것을 기대 -
window.onload = function(){
setTimeout(function(){
document.body.scrollTop = 0;
}, 1);
};
어느 쪽이든, 나는 다른 포스터에 동의하는 경향이있다.
- 1. 메뉴 애니메이션에서 깜박임 효과를 방지하는 방법
- 2. JQuery; 쇼 효과를 모두 숨 깁니다! 방지하는 방법?
- 3. 아이폰에서 스크롤하는 동안 이미지보기로드를 방지하는 방법?
- 4. LWUIT 스크롤링
- 5. McMaster-Carr의 '스크롤링 상자'레이아웃
- 6. Superscrollorama와 시차 스크롤링 텍스트
- 7. wxGTK에서 스크롤링 이벤트를 잡는 방법?
- 8. 스크롤링 컨텐츠 위젯 구현 방법
- 9. 페이지 스크롤링 기술/전환 방법 방법
- 10. glTranslatef의 효과를 취소하는 방법
- 11. 이미지에 효과를 추가하는 방법
- 12. AVAudioPlayback에 효과를 추가하는 방법
- 13. 거울 효과를 만드는 방법
- 14. 광선 효과를 숨기는 방법?
- 15. 스크롤링 효과 (빠름 및 느림)
- 16. 수직 스크롤링
- 17. 캔버스 스크롤링
- 18. 테이블 스크롤링
- 19. 스크롤링 텍스트보기
- 20. UITableView 스크롤링
- 21. 스크롤링 기술
- 22. 고정 스크롤링
- 23. 브라우저에서 페이지가 "잘림"하는 것을 방지하는 방법
- 24. 파이썬에서 null을 방지하는 방법
- 25. MySQL : 삭제를 방지하는 방법?
- 26. 안드로이드에서 블로킹을 방지하는 방법 (
- 27. TFS에서 병합을 방지하는 방법
- 28. 무한 재귀를 방지하는 방법
- 29. IndexError를 방지하는 방법
- 30. 사이트에서 스크래핑을 방지하는 방법
이 변경은 유용성과 사용자가 기대하는 동작에 나쁜 영향을 미치며 처음부터 수행해서는 안됩니다. 또한 Javascript로는이 작업을 수행 할 수 없지만 질문에는 HTML 만 표시됩니다. –
iframe이 문제를 일으키는 것으로 나타났습니다. 크기가 설정되어 있어도 페이지가로드 될 때까지 페이지가 스크롤되지 않습니다. – patrick