2017-02-07 1 views
0

Wenn ich mit der Maus klicke und sie an den Bildschirmrand verschiebe, scrollt die Seite automatisch in diese Richtung (zumindest in Chrome).Verhindern des Bildlaufs, wenn die Maus an den Bildschirmrand gezogen wird

Zum Beispiel, wenn Sie gehen zu: Google

Drücken Sie die Maus nach unten und den Cursor auf den unteren Rand des Bildschirms bewegen, während die Taste gedrückt halten, wird die Seite nach unten scrollen.

Ich möchte dies auf meiner eigenen Website deaktivieren und verhindern, dass der Browser automatisch scrollt. Kann das gemacht werden?

Zuerst dachte ich, es mit Textauswahl zu tun hatte, und ich versuchte,

$("body").disableSelection() 

Aber das funktioniert nicht.

Antwort

0

Sie können Textauswahl mit CSS deaktivieren:

.noselect { 
    -webkit-touch-callout: none; /* iOS Safari */ 
    -webkit-user-select: none; /* Safari */ 
    -khtml-user-select: none; /* Konqueror HTML */ 
     -moz-user-select: none; /* Firefox */ 
     -ms-user-select: none; /* Internet Explorer/Edge */ 
      user-select: none; /* Non-prefixed version, currently 
            supported by Chrome and Opera */ 
} 

Aber es wird nicht ziehen stoppen helfen.

Sie können window.scrollTo(x, y); verwenden, um Benutzer zu dem einen oder anderen Speicherort zu scrollen. Sie können beim Scroll-Ereignis Capturing the "scroll down" event? binden und die Mausposition Javascript - Track mouse position überprüfen. Es ist also alles, was Sie brauchen, um ein solches Verhalten zu deaktivieren.

Ich habe gerade ein paar andere lustige Wege versucht - deaktivieren Sie Mausereignisse mit CSS, deaktivieren Sie die Auswahl mit CSS, deaktivieren Maus Ereignis mit JS sprudeln. Nichts hilft für Ihre Situation. Versuche es mit den Taktiken, die vorher geschrieben wurden.

+0

window.scrollTo macht die Dinge nur noch schlimmer, weil es jetzt versucht, auf und ab zu gehen und gleichzeitig die Seite "shake" zu machen. Ich fürchte, das wird nicht funktionieren .. –

Verwandte Themen