스크롤을 비활성화한 웹사이트에서 스크롤을 보편적으로 활성화하는 방법은?
자바스크립트로 스크롤이 불가능한 웹사이트에서 스크롤을 빠르고 보편적으로 다시 활성화하는 방법? (실제 스크롤할 내용이 있는 것으로 보아)
스크롤은 자바스크립트가 비활성화되어 있고 자바스크립트가 활성화되어 있을 때 작동합니다.
window.scrollBy(0, 100)키나 마우스 스크롤에 바인딩되어 있으면 정상적으로 작동하지만 그렇지 않습니다.
Chrome과 같은 브라우저에서:
- : 프레스 (에서: Chrome ).
ctrl + shift + c); -
overflow: visible위에body및/html소예:<body style="overflow: visible">) - 합니다의 할 수 를 찾아서합니다.
overflow속성:
- 를 들어,를 찾기 위해서는 한 후 을 누를 수 .
backspace키보드에서 제거할 수 있습니다. - 몇해 보는 합니다()를 수도 ).
ctrl + z삭제한 코드를 취소하거나 새로 고침을 눌러 다시 시작합니다.)
그냥 내가 누군가를 도와줘야겠다고 생각했을 뿐입니다.
일반적으로 콘솔에 붙여넣기만 하면 됩니다.
$("body").css({"overflow":"visible"});
또는 javascript 전용 버전:
document.body.style.overflow = "visible";
편집: Joshua Goldberg의 댓글 답장 코드:
다음과 같은 매우 유용한 QA 답변에서 효과가 있는 유사한 북마크 표 스크립트를 찾았습니다.
var r="html,body{overflow:auto !important;}";
var s=document.createElement("style");
s.type="text/css";
s.appendChild(document.createTextNode(r));
document.body.appendChild(s);
void 0;
overflow:visible !important;신체적인 요소가 제게 효과가 있었습니다.
다음 코드를 콘솔에 붙여넣어 a/z 키보드 키를 사용하여 위/아래로 스크롤할 수 있습니다.직접 키를 설정하려면 이 페이지를 방문하여 키 코드를 얻을 수 있습니다.
function KeyPress(e) {
var evtobj = window.event? event : e
if (evtobj.keyCode == 90) {
window.scrollBy(0, 100)
}
if (evtobj.keyCode == 65) {
window.scrollBy(0, -100)
}
}
document.onkeydown = KeyPress;
Chrome dev tools (Inspect )를 사용하여 Body를 선택하고 css overflow:visible,
안되면 html, body가 overflow로 설정되어 있으면 cs 파일 아래에서 체크인하세요. hidden, 보이는 대로 변경하세요.
Chrome의 경우 웹 사이트에서 자동으로 스크롤을 다시 활성화하는 한 가지 방법은 Tampermonkey 확장자를 다운로드한 다음 이 스크립트를 추가하는 것입니다("이 스크립트 설치"를 클릭합니다).
일반적으로 URL이 .user.js로 끝나는 스크립트의 URL이 있고 Tampermonkey가 설치되어 있는 경우 Chrome의 Omnibox에 붙여넣어 스크립트를 설치할 수 있습니다.Tampermonkey로 스크립트를 설치하는 더 많은 방법은 여기에서 확인할 수 있습니다.
마지막으로 Event Listener > "scroll"을 확인하고 삭제를 테스트하는 것입니다.
작성한 자바스크립트를 삭제해도 청취자들은 주변에 머물며 스크롤을 막을 수 있습니다.
'script'를 마지막 줄로 추가하거나 testur console(F12)에서 스크롤을 활성화하도록 코드를 시도합니다.
<script>
(function() {
for (div=0; div < document.querySelectorAll('div').length; div++) {
document.querySelectorAll('div')[div].style.overflow = "auto";
};
})();
</script>
시도해 보기:
window.onmousewheel = document.onmousewheel = null
window.ontouchmove = null
window.onwheel = null
이는 @Future Sim 답변을 기반으로 하는 또 다른 방법일 수 있습니다.
addEventListener('wheel', (event) => {
window.scrollBy(0, event.deltaY);
});
붙여넣기만 하면 마우스 휠을 사용할 수 있습니다.
알아야할 중요한 사항overflow
overflow-x: hidden;수평(좌우) 축을 사용하여 스크롤할 수 없습니다.
overflow-y: hidden;means는 수직(상하) 축으로 스크롤할 수 없습니다.
overflow: hidden;세로도 가로도 스크롤할 수 없습니다.
한 가지 가능한 해결책은 브라우저의 개발자 도구를 사용하여 웹사이트의 CSS 코드를 수정하는 것입니다.페이지를 마우스 오른쪽 버튼으로 클릭하고 "검사"를 선택하거나 Windows에서 Ctrl+Shift+I를 누르거나 Mac에서 Command+Shift+I를 눌러 이 작업을 수행할 수 있습니다.그러면 스크롤이 비활성화된 CSS 코드를 찾아서 삭제하거나 스크롤이 가능하도록 수정합니다.
예를 들어 Prisma 웹 사이트는 본체 또는 컨테이너 요소에서 "오버플로우" 속성을 "숨김"으로 설정하여 스크롤을 비활성화했을 수 있습니다.스크롤을 활성화하려면 CSS 코드를 수정하여 "overflow"를 "auto" 또는 "scroll"로 설정할 수 있습니다.
그러나 웹 사이트에서 스크롤을 비활성화하는 것은 사용자 경험이나 설계상의 이유로 의도적으로 수행되는 경우가 많기 때문에 스크롤을 활성화하면 의도하지 않은 결과를 초래할 수 있습니다.
당신은 아마 CSS 코드를 확인하지 않고 복사했을 것입니다.
html{} 및/또는 Body{}를 찾을 때까지 CSS에서 스크롤하기만 하면 됩니다. 포함된 내용이 있으면 overflow:hidden;그런 다음 Change It To: overflow: visible;
팝업 또는 등록 팝업에 대한 검사 요소로 활성화하려는 사람이 있는 경우
document.body.style.overflow = 'auto'
제게 효과가 있었던 건 그들이position: fixed;CSS.
언급URL : https://stackoverflow.com/questions/39360138/how-to-universally-enable-scrolling-on-website-that-disabled-scrolling
'programing' 카테고리의 다른 글
| XL Connect with R Shiny에서 Excel 파일 다운로드 (0) | 2023.09.24 |
|---|---|
| Spring MVC에서 요청 파라미터에 대한 날짜 전달 (0) | 2023.09.24 |
| 선택 쿼리 MySQL, Bego에서 특정 ID의 합을 선택하는 방법 (0) | 2023.09.24 |
| 유형 또는 변수가 있는 크기 (0) | 2023.09.24 |
| MySQL: 유닉스 타임스탬프 또는 DATTIME 중 가장 사용하기 좋은 것은 무엇입니까? (0) | 2023.09.24 |