Làm cách nào để bật tính năng cuộn trên trang web đã tắt tính năng cuộn? [đóng cửa]


106

Làm cách nào để bật lại nhanh tính năng cuộn trên trang web đã tắt tính năng cuộn bằng Javascript? window.scrollBy (0, 100) hoạt động tốt nhưng dường như không thể tìm ra cách liên kết điều này với các phím hoặc cuộn chuột.


4
Phụ thuộc nhiều vào cách nó bị vô hiệu hóa. Nhận được điều đó đầu tiên.
Joseph

1
Đây có phải là trang web của riêng bạn không? Hay bạn đang cố gắng làm điều này với một ai đó?
designcise

14
Có lẽ bằng cách thiết lập overflow: autotrên bodyphần tử. Bạn có thể kiểm tra điều này bằng document.body.style.overflow = 'auto'hoặc chỉ đặt nó làm kiểu CSS trong các công cụ dành cho nhà phát triển.
Bryan Downing

1
@JosephtheDreamer bất thường về cách nó đã bị vô hiệu hóa window.scrollBy (0,100) đang làm việc cho tôi trên tất cả các trang web thử nghiệm, vì vậy tôi đang cố gắng tìm ra một cách hiệu quả để gán điều này cho một nút phím hoặc con lăn.
CodeCamper

Những gì về các trang web nơi window.scrollBy(0,100)nào không làm việc?
Michael

Câu trả lời:


131

Trong một trình duyệt như Chrome, v.v.:

  1. Kiểm tra mã (ví dụ: trong báo chí Chrome ctrl + shift + c);
  2. Đặt overflow: visibletrên phần tử body (ví dụ <body style="overflow: visible">:)
  3. Tìm / Xóa bất kỳ JavaScripts nào có thể thường xuyên kiểm tra để xóa thuộc overflowtính:
    • Để tìm mã JavaScript như vậy, ví dụ: bạn có thể xem qua mã hoặc nhấp vào mã JavaScript khác trong bảng điều khiển trình gỡ lỗi mã và nhấn backspacetrên bàn phím để xóa mã đó.
    • Nếu bạn gặp khó khăn khi tìm nó, bạn chỉ cần thử xóa một vài JavaScripts (tất nhiên bạn có thể chỉ cần nhấn ctrl + zđể hoàn tác bất kỳ mã nào bạn xóa hoặc nhấn refresh để bắt đầu lại).

Chúc may mắn!


9
Theo dõi những hồ sơ LinkedIn đó Chế độ ẩn danh chưa đăng nhập? Đó là thời gian điều khiển em bé. <body>: ☐ o̶v̶e̶r̶f̶l̶o̶w̶:̶ ̶h̶i̶d̶d̶e̶n̶; các <section>lớp phủ có thể đi; cuối cùng div # ủng hộ-mô hình : ☐ 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 và ... Poof!
Leo

11
Ngoài việc thiết lập overflow: visible, tôi cũng phải xóa position: fixed. Cảm ơn!
wjandrea

1
Tôi đã đến các trang web mà bạn phải xóa các kiểu nội tuyến style="overflow:hidden"khỏi thẻ body.
Lei-Lonnie

1
Thay vì tìm tập lệnh java, tôi chỉ làm theo thủ thuật nhanh này để tắt hoàn toàn tập lệnh java và điều đó đã hiệu quả với tôi: developer.google.com/web/tools/chrome-devtools/javascript/…
user1084563

2
Cũng tìm thấy một số trang đang đặt overflow: hiddenphong cách cho <html>chính thẻ ở đầu trang. Biến nó thành overflow: visiblequá.
Boud

42

thêm overflow:visible !important;vào phần thân đã làm việc cho tôi.


1
OP đã yêu cầu javascript. Đây là CSS.
Liran Funaro

18
@LiranFunaro Quan điểm của bạn? CSS này có thể được chèn qua JavaScript:document.body.style.overflow = "visible !important";
đã cải cách

Đây là câu trả lời của bạn, @LiranFunaro
Kamal Reddy

28

Tôi chỉ nghĩ rằng tôi sẽ giúp ai đó trong việc này.

Thông thường, bạn chỉ có thể dán nó vào bảng điều khiển.

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

Hoặc, phiên bản chỉ dành cho javascript:

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


25

Bạn có thể dán mã sau vào bảng điều khiển để cuộn lên / xuống bằng các phím bàn phím a / z. Nếu bạn muốn thiết lập các phím riêng của bạn, bạn có thể truy cập này trang để có được mã phím

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;

Điều này thật hoàn hảo
Alex L

7

Chọn Phần thân bằng cách sử dụng các công cụ dành cho nhà phát triển chrome (Kiểm tra) và thay đổi trong phần tràn css: hiển thị,

Nếu điều đó không hiệu quả, hãy kiểm tra tệp css bên dưới nếu html, nội dung được đặt là tràn: ẩn, hãy thay đổi nó thành hiển thị


2

Thử đi:

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

1
Điều này có thể không phải lúc nào cũng hoạt động nếu có một kịch bản thăm dò chỉ định lại các giá trị cho bất kỳ giá trị nào trong số đó, nhưng tùy chọn tốt!
designcise

@designcise sẽ rất khó hiểu về họ. Tuy nhiên, bạn luôn có thể thăm dò ý kiến ​​nhanh hơn. :)
Adam Thompson

1
@AdamThompson Tôi đã thực sự nhìn thấy một số trang web làm điều đó .. đặc biệt là một số trang web mà rất địa ngục-cong trên hiển thị cho bạn quảng cáo
designcise

2

Hãy thử mã của bạn để thêm 'tập lệnh' là dòng cuối cùng hoặc làm cho bảng điều khiển thử nghiệm của bạn (F12) cho phép cuộn

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

1

Tôi muốn tự động bật lại tính năng cuộn trên trang web đã tắt tính năng này. Cách thực hiện việc này trong chrome là tải xuống "tapermonkey" và thêm tập lệnh này:

https://greasyfork.org/en/scripts/387702-scroll-bar-enabler

0

Một điều cuối cùng là kiểm tra Trình nghe sự kiện> "cuộn" và thử xóa chúng.

Ngay cả khi bạn xóa Javascript đã tạo ra chúng, người nghe sẽ bám vào và ngăn cản việc cuộn.


Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.