☰

페이지 끝을 지나 스크롤 허용

tag-icon • tag-icon browser scrolling
페이지 끝을 지나 스크롤 허용

웹 브라우저(IE, Firefox 또는 Chrome)에 페이지 끝을 지나 한 화면까지 스크롤할 수 있는 옵션이 있습니까? 긴 텍스트 페이지를 읽고 PAGE-DOWN을 눌러 다음 페이지로 스크롤하면 브라우저 창 하단에 있는 텍스트가 창 상단으로 스크롤됩니다(대략 두 줄이 겹침). 마지막 절반 또는 4분의 1 화면으로 스크롤하면 하단이 브라우저 창 중앙 어딘가로 스크롤되어(문서의 나머지 길이에 따라) 강제로 내 위치를 검색하게 됩니다.

이 동작을 전환할 수 있는 플러그인이나 애드온이 있으면 더 좋을 것입니다.

Notepad++용 ScrollPastEOF 플러그인과 비슷하지만 웹 브라우저용입니다.

답변1

나는 당신을 위해 크롬 확장 프로그램을 만들었습니다. 이것은 매우 어려운 수정이지만 다른 작업을 수행하지 않고도 작업을 완료할 수 있습니다. 확인 해봐: https://github.com/LudwikJaniuk/MorePageSpace/releases/

참고 사항: 시차 효과 등이 있는 슈퍼 인터랙티브 웹사이트에서는 작동하지 않을 수 있습니다. 시도해 보면 알게 될 것입니다.

소스 코드를 읽는 웹 개발자를 위한 참고 사항:<br/>예, 페이지의 HTML에 수십 개를 추가하는 것보다 더 나은 방법이 있다는 것을 알고 있습니다 .

웹 개발자이거나 최소한 간단한 HTML을 알고 있다면 참고하세요.<br/>확장 프로그램의 기본 기능은 버튼을 클릭할 때 페이지 본문 끝에 많은 태그를 추가하는 것입니다 . 내 화면이 꽤 크기 때문에 많은 항목을 추가했지만 여전히 더 많은 항목을 원하면 언제든지 두 번 클릭할 수 있습니다. 아니면 세 번... ;)

또한, 귀하가 직접 웹사이트의 소스에 들어가서 조작했을 수도 있습니다. 하지만 버튼을 누르는 것이 훨씬 더 쉽지 않나요?

답변2

여기에 제가 사용하는 CSS 코드가 있습니다. 이 버전은 더 적은 수의 사이트에서 문제를 덜 발생시켰습니다. 설치하려면 Stylish 애드온이나 브라우저에 해당하는 항목을 참조하세요. '700px'은 내 페이지 보기 영역에서 스크롤 끝 부분에 마지막 줄이 표시되도록 하기 위해 약간의 양을 뺀 값입니다.

html {
    height: auto !important;
    padding-bottom: 700px !important;
}

예를 들어, Firefox 브라우저의 경우 스타일리시 메뉴에서 '빈 스타일 쓰기'를 클릭한 후 다음 코드를 입력하세요.

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://), url-prefix(file://) {
    html {
        height: auto !important;
        padding-bottom: 700px !important;
    }
}

모든 브라우저에서 작동하지만 Firefox에서만 테스트했다는 점을 덧붙이고 싶습니다.

관련 정보