จะเปิดใช้งานการเลื่อนบนเว็บไซต์ที่ปิดใช้งานการเลื่อนได้อย่างไร? [ปิด]


114

วิธีเปิดใช้งานการเลื่อนอีกครั้งอย่างรวดเร็วบนเว็บไซต์ที่ปิดใช้งานการเลื่อนด้วย Javascript window.scrollBy (0, 100) ใช้งานได้ดีดูเหมือนจะไม่สามารถหาวิธีผูกสิ่งนี้กับปุ่มหรือการเลื่อนเมาส์ได้


4
ขึ้นอยู่กับว่ามันถูกปิดใช้งานอย่างไร รับสิ่งนั้นก่อน
โจเซฟ

1
นี่คือเว็บไซต์ของคุณเองใช่ไหม หรือคุณกำลังพยายามทำสิ่งนี้กับคนอื่น?
designcise

17
อาจจะโดยการตั้งค่าoverflow: autoในbodyองค์ประกอบ คุณสามารถทดสอบสิ่งนี้ด้วยdocument.body.style.overflow = 'auto'หรือตั้งเป็นสไตล์ CSS ในเครื่องมือ dev
Bryan Downing

1
@JosephtheDreamer โดยไม่สนใจว่ามันถูกปิดใช้งานอย่างไร window.scrollBy (0,100) กำลังทำงานให้ฉันในไซต์ทดสอบทั้งหมดดังนั้นฉันจึงพยายามหาวิธีที่มีประสิทธิภาพในการกำหนดสิ่งนี้ให้กับปุ่มคีย์หรือล้อเลื่อน
CodeCamper

แล้วเว็บไซต์ที่window.scrollBy(0,100)ใช้งานไม่ได้ล่ะ?
Michael

คำตอบ:


140

ในเบราว์เซอร์เช่น Chrome เป็นต้น:

  1. ตรวจสอบรหัส (เช่นใน Chrome press ctrl + shift + c);
  2. ตั้งoverflow: visibleอยู่บนองค์ประกอบของร่างกาย (เช่น<body style="overflow: visible">)
  3. ค้นหา / ลบ JavaScript ที่อาจตรวจสอบการลบoverflowคุณสมบัติเป็นประจำ:
    • หากต้องการค้นหาโค้ด 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 # สนับสนุนรูปแบบ☐ 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, และ ... โป๊ะ!
ลีโอ

13
นอกเหนือไปจากการตั้งค่าoverflow: visible, position: fixedฉันยังมีการลบ ขอบคุณ!
wjandrea

2
ฉันเคยอยู่ในไซต์ที่คุณต้องลบสไตล์อินไลน์style="overflow:hidden"ออกจากแท็กเนื้อหา
Lei-Lonnie

1
แทนที่จะค้นหาสคริปต์ java ฉันเพียงทำตามเคล็ดลับสั้น ๆ นี้เพื่อปิดใช้งานสคริปต์ java ทั้งหมดและได้ผลสำหรับฉัน: developers.google.com/web/tools/chrome-devtools/javascript/…
user1084563

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
Kamal Reddy

30

แค่คิดว่าฉันจะช่วยใครสักคนในเรื่องนี้

โดยทั่วไปคุณสามารถวางสิ่งนี้ในคอนโซลได้

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

หรือเวอร์ชันจาวาสคริปต์เท่านั้น:

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


2
เมื่อสิ่งนี้ไม่ได้ผลในหน้าใดหน้าหนึ่งฉันพบสคริปต์ที่สามารถบุ๊กมาร์กเล็ตที่คล้ายกันซึ่งทำงานในคำตอบ 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; หน้าเว็บที่เชื่อมโยงยังแนะนำให้พยายามปิดใช้งานไซต์จากการปิดใช้งานแถบเลื่อนโดยตั้งค่าdom.disable_window_open_feature.scrollbarsเป็น true ใน about.config .
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

เลือก Body โดยใช้ chrome dev tools (Inspect) และเปลี่ยน css overflow: visible,

หากไม่ได้ผลให้ตรวจสอบในไฟล์ css ด้านล่างหาก html เนื้อหาถูกตั้งค่าเป็น overflow: hidden ให้เปลี่ยนตามที่มองเห็นได้


3

ด้วย Chrome วิธีหนึ่งในการเปิดใช้งานการเลื่อนบนเว็บไซต์อีกครั้งโดยอัตโนมัติคือดาวน์โหลดส่วนขยาย Tampermonkeyจากนั้นเพิ่มสคริปต์นี้ (คลิก "ติดตั้งสคริปต์นี้")

โดยทั่วไปหากคุณมี URL สำหรับสคริปต์ที่ URL ลงท้ายด้วย. user.jsและติดตั้ง Tampermonkey คุณสามารถวางลงในแถบอเนกประสงค์ของ Chrome เพื่อติดตั้งสคริปต์ได้ ดูวิธีอื่น ๆ ในการติดตั้งสคริปต์ด้วย Tampermonkey ได้ที่นี่


2

ลองสิ่งนี้:

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

1
สิ่งนี้อาจไม่ได้ผลเสมอไปหากมีสคริปต์การสำรวจกำหนดค่าใหม่ให้กับค่าใด ๆ แต่เป็นตัวเลือกที่ดี!
designcise

@ ออกแบบที่จะหลอกลวงพวกเขามาก คุณสามารถสำรวจได้เร็วขึ้นเสมอ :)
Adam Thompson

1
@AdamThompson ฉันเคยเห็นบางไซต์ทำอย่างนั้น.. โดยเฉพาะบางไซต์ที่แสดงโฆษณาให้คุณดู
แย่มาก

2

ลองใช้รหัสของคุณเพื่อเพิ่ม 'script' เป็นบรรทัดสุดท้ายหรือทำให้ test ur console (F12) เปิดใช้งานการเลื่อน

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

0

สิ่งสุดท้ายคือตรวจสอบผู้ฟังเหตุการณ์> "เลื่อน" และทดสอบการลบออก

แม้ว่าคุณจะลบ Javascript ที่สร้างขึ้น แต่ผู้ฟังจะติดอยู่รอบ ๆ และป้องกันการเลื่อน


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.