ฉันพบด้านล่างสีเทาน่าเกลียดของ WeChat เมื่อฉันพบบนอินเทอร์เน็ตเมื่อฉันสามารถป้องกันไม่ให้หน้าเลื่อนไปที่ด้านบนหรือด้านล่างและตัวแก้ไขจะแบ่งปันรหัสหลักกับคุณสำหรับการอ้างอิงของคุณ!
รหัสหลักของฉัน:
การป้องกัน: function () {var startx = 0, starty = 0; // ฟังก์ชั่นเหตุการณ์ TouchStart touchSatrtfunc (eVt) {ลอง {// evt.preventDefault (); // บล็อกการปรับสเกลเบราว์เซอร์การเลื่อน ฯลฯ var touch = evt.touches [0]; // รับการติดต่อครั้งแรก var x = number (touch.pagex); // หน้าติดต่อ x พิกัด var y = number (touch.pagey); // หน้าติดต่อ y พิกัด // บันทึกตำแหน่งเริ่มต้นของ contact startx = x; starty = y;} catch (e) {การแจ้งเตือน ('touchsatrtfunc:' + e.message);}} document.addeventListener ('touchstart' {var _point = ev.touches [0], _ top = _ss.scrolltop; // เมื่อถึงด้านล่าง var _bottomfaval = _ss.scrollheight - _ss.offsetheight; {ev.preventdefault ();} else {// ป้องกันฟอง // ดำเนินการ ev.stoppropagation ();}} อื่นถ้า (_top === _bottomfaval) {// ไปที่ด้านล่าง // ev.stoppropagation ();}} อื่นถ้า (_top> 0 && _top <_bottomfaval) {ev.stoppropagation ();} else {ev.preventdefault ();}};};};รหัสด้านบนเป็นรหัสหลักสำหรับการเลื่อนและป้องกันไม่ให้ด้านล่างของหน้า WeChat แนะนำให้คุณรู้จักโดยตัวแก้ไข รหัสค่อนข้างง่าย ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉัน บรรณาธิการจะตอบกลับทุกคนในเวลา!