스크롤을 비활성화 한 웹 사이트에서 스크롤을 활성화하는 방법은 무엇입니까? [닫은]


114

Javascript로 스크롤을 비활성화 한 웹 사이트에서 스크롤을 빠르게 다시 활성화하는 방법은 무엇입니까? window.scrollBy (0, 100)은 잘 작동하지만 이것을 키 또는 마우스 스크롤에 바인딩하는 방법을 알아낼 수 없습니다.


4
비활성화 방법에 따라 크게 다릅니다. 먼저 가져와.
조셉

1
귀하의 웹 사이트입니까? 아니면 다른 사람에게이 일을하려는 건가요?
designcise

17
아마 설정하여 overflow: autobody요소입니다. 를 사용하여 테스트 document.body.style.overflow = 'auto'하거나 개발 도구에서 CSS 스타일로 설정할 수 있습니다.
Bryan Downing 2016 년

1
@JosephtheDreamer가 비활성화 된 방법에 관계없이 window.scrollBy (0,100)는 모든 테스트 사이트에서 나를 위해 작동하므로 키 버튼이나 스크롤 휠에 이것을 할당하는 효과적인 방법을 알아 내려고 노력하고 있습니다.
CodeCamper

작동 window.scrollBy(0,100)하지 않는 웹 사이트 는 어떻습니까?
Michael

답변:


140

Chrome 등과 같은 브라우저에서 :

  1. 코드를 검사합니다 (예 : Chrome press ctrl + shift + c).
  2. 설정 overflow: visiblebody 요소에 (예 :, <body style="overflow: visible">)
  3. overflow속성 제거를 정기적으로 확인할 수있는 JavaScript를 찾아서 제거합니다 .
    • 이러한 JavaScript 코드를 찾으려면 코드를 살펴 보거나 코드 디버거 콘솔에서 다른 JavaScript 코드를 클릭하고 backspace키보드를 눌러 제거 할 수 있습니다.
    • 찾는 데 문제가있는 경우 JavaScript 몇 개를 제거해 볼 수 있습니다 (물론 간단히 눌러 ctrl + z삭제 한 코드를 실행 취소하거나 새로 고침을 눌러 다시 시작할 수 있습니다).

행운을 빕니다!


11
로그인하지 않은 LinkedIn 프로필 시크릿 모드 스토킹? 콘솔 타임 베이비. <body>: ☐ o̶v̶e̶r̶f̶l̶o̶w̶:̶ ̶h̶i̶d̶d̶e̶n̶; <section>오버레이 갈 수있다; 마지막으로 div # advocate-model : ☐ b̶a̶c̶k̶g̶r̶o̶u̶n̶d̶-̶c̶o̶l̶o̶r̶:̶ ̶r̶g̶b̶a̶(̶0̶,̶0̶,̶0̶,̶0̶.̶5̶)̶. 1, 2, 그리고 ... 휙!
Leo

13
설정 이외에도 overflow: visible삭제해야했습니다 position: fixed. 감사!
wjandrea

2
style="overflow:hidden"본문 태그에서 인라인 스타일을 삭제해야하는 사이트를 방문했습니다 .
Lei-Lonnie

1
자바 스크립트를 찾는 대신 자바 스크립트를 완전히 비활성화하기 위해이 빠른 트릭을 따랐고 저에게
효과적

2
페이지 상단의 태그 자체에 overflow: hidden스타일을 적용하는 일부 페이지도 발견되었습니다 <html>. overflow: visible너무 로 바꾸십시오 .
Boud

45

overflow:visible !important;신체 요소에 추가 하는 것이 저에게 효과적이었습니다.


1
OP는 자바 스크립트를 요청했습니다. 이것은 CSS입니다.
Liran Funaro

21
@LiranFunaro 요점? 이 CSS는 JavaScript를 통해 삽입 할 수 있습니다.document.body.style.overflow = "visible !important";
개정 됨

여기에서 당신의 대답, @LiranFunaro입니다
카말 레디

30

내가 누군가를 도울 것이라고 생각했습니다.

일반적으로 콘솔에 붙여 넣기 만하면됩니다.

$("body").css({"overflow":"visible"});

또는 자바 스크립트 전용 버전 :

document.body.style.overflow = "visible";


2
이 하나 개의 특정 페이지에 대한 작업을하지 않았다 때, 나는이 매우 도움이에서 일했다 유사한, bookmarkletable 스크립트 발견 품질 보증 답 : 한 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; 설정하여 링크 된 페이지는 스크롤을 사용하지 않도록 설정에서 비활성화 사이트에 노력하고 제안을 dom.disable_window_open_feature.scrollbarsabout.config에서 true로 .
Joshua Goldberg

27

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;

1
이것은 완벽합니다
Alex L

7

크롬 개발 도구 (Inspect)를 사용하여 Body를 선택하고 css overflow : visible을 변경합니다.

그래도 작동하지 않으면 html, body가 overflow : hidden으로 설정된 경우 아래의 css 파일을 체크인하고 보이는 것으로 변경하십시오.


3

Chrome에서 웹 사이트에서 스크롤을 자동으로 다시 활성화하는 한 가지 방법 은 Tampermonkey 확장 프로그램다운로드 한 다음 이 스크립트 를 추가 하는 것입니다 ( "이 스크립트 설치"클릭).

일반적으로 URL이 .user.js로 끝나는 스크립트의 URL이 있고 Tampermonkey 가 설치되어있는 경우이를 Chrome의 검색 주소창에 붙여 넣어 스크립트를 설치할 수 있습니다. Tampermonkey로 스크립트를 설치하는 더 많은 방법은 여기 에서 찾을 수 있습니다.


2

이 시도:

window.onmousewheel = document.onmousewheel = null
window.ontouchmove = null 
window.onwheel = null 

1
값을 다시 할당하는 폴링 스크립트가있는 경우 항상 작동하지 않을 수 있지만 좋은 옵션입니다!
designcise

@designcise는 매우 교활합니다. 하지만 언제든지 더 빠르게 폴링 할 수 있습니다. :)
Adam Thompson

1
@AdamThompson 실제로 일부 사이트가 그렇게하는 것을 본 적이 있습니다 .. 특히 광고를 표시하는 데 매우 지독한 일부 사이트
designcise

2

'스크립트'를 마지막 줄에 추가하려면 코드를 시도하거나 콘솔을 테스트하십시오 (F12) 스크롤을 활성화하십시오

<script>
(function() {
  for (div=0; div < document.querySelectorAll('div').length; div++) {
    document.querySelectorAll('div')[div].style.overflow = "auto";
  };
})();
</script>

0

마지막으로 이벤트 리스너> "스크롤"을 확인하고 삭제를 테스트합니다.

생성 한 자바 스크립트를 삭제하더라도 리스너는 주변에 남아 스크롤을 방지합니다.


-3

나를 위해 일한 것은 position: fixed;CSS를 비활성화하는 것 입니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.