Trigger 'dummy' - Mausrad-Ereignis

Gibt es eine Möglichkeit, trigger-scroll-Rad-event mit einem beliebigen delta.
Genau wie jQuery funktioniert mit 'Klick' wie:

$('#selector').trigger('click');

Ich brauche so etwas, nur mit einem scrollwheel wie:

$('#selector').trigger('DOMMouseScroll',{delta: -650});
//or mousewheel for other browsers

Kann ich nicht so Sachen wie "fake it" mit css-Tricks, die ich auslösen müssen die tatsächlichen nativen (oder so nah wie möglich) event.

Danke!

InformationsquelleAutor der Frage escusado | 2012-02-22

Müssen Sie die Verwendung von jQuery.Event
Zum Beispiel:

//Create a new jQuery.Event object with specified event properties.
var e = jQuery.Event( "DOMMouseScroll",{delta: -650} );

//trigger an artificial DOMMouseScroll event with delta -650
jQuery( "#selector" ).trigger( e );

Überprüfen Sie hier mehr: http://api.jquery.com/category/events/event-object/

InformationsquelleAutor der Antwort meghea.iulian

0

Können Sie versuchen, tippe in der Konsole ein, und sehen Ihre Auswirkungen:
```
document.body.scrollTop = document.body.scrollTop + 200
```
wo 200 ist eine beliebige Zahl.
Ebenso können Sie auch versuchen, diese mit scrollLeft:
```
document.body.scrollLeft = document.body.scrollLeft + 200
```
oder
```
document.body.scrollLeft = document.body.scrollLeft - 200
```
Du könntest versuchen das Spiel mit diesem Konzept und der window-setInterval () - Methode.

Zusätzlich........

Können Sie den offset eines Elements wie folgt:
```
jQuery("#vote-to-add-section").offset()
```
die Ihnen ein Ergebnis wie:
```
{top: 9037.1875, left: 268}
```
Konnte man scrollen, um das element mit so etwas wie dies:
```
document.body.scrollTop = jQuery("#vote-to-add-section").offset().top
```
Alternativ........

Wenn Sie wollen einfach nur die Website bereits nach unten gescrollt hat, um ein bestimmtes element, wenn die Seite zum ersten mal geladen wird, Sie können dies tun, mit Elementen, die ein id:

Add #idnamehere an das Ende der url, die Sie Bestimmung. Es muss ein element mit diesem id-Namen auf der Seite.

Zum Beispiel vergleichen Sie diese URL ' s, und was Sie bekommen, wenn Sie Sie eingeben in die URL-Adressleiste:

https://travel.usnews.com/rankings/worlds-best-vacations
https://travel.usnews.com/rankings/worlds-best-vacations/#vote-to-add-section

Den man mit #vote-to-add-Abschnitt am Ende wird automatisch nach unten gescrollt, um das element mit der id #abstimmen-zur-Beurteilung-Abschnitt.

InformationsquelleAutor der Antwort kig
-1

Dies ruft die scroll-Funktion, wenn Sie geschrieben haben, alle
```
$(window).scroll();
```
InformationsquelleAutor der Antwort Richie Fredicson

-1

Ich habe diesen code in meine eigenen Blättern.

$('body').bind('mousewheel DOMMouseScroll', function(event) {
     var delta = Math.max(-1, Math.min(1, (event.originalEvent.wheelDelta || -event.originalEvent.detail))) * -1;
}

Fügte ich * -1 zu invertieren. Sie können entfernen Sie es.

InformationsquelleAutor der Antwort kenicky

-2

Haben Sie versucht das? http://jquerytools.org/documentation/toolbox/mousewheel.html
Ein plugin, um "die Kontrolle des Mausrads" 🙂

InformationsquelleAutor der Antwort Mackelito
-3

Versuchen:

.trigger("mousewheel", {wheelDelta: 100})

(Völlig ungetestet. Inspiriert von Die Bindung an das scroll-Rad, wenn Sie über ein div)

InformationsquelleAutor der Antwort graphicdivine

-4

Hallo, Sie können tun, dass durch das hinzufügen eines Ereignis-Listeners. Ich habe gesucht und habe den folgenden code-snippet und es funktioniert. überprüfen Sie, ob Sie die gleiche Anforderung

<html>
<head>
<title>Mouse Scroll Wheel example in JavaScript</title>
 <style>
 #scroll {
 width: 250px;
 height: 50px;
 border: 2px solid black;
 background-color: lightyellow;
 top: 100px;
 left: 50px;`enter code here`
 position:absolute;
 }
 </style>
 <script language="javascript">
 window.onload = function()
 {
//adding the event listerner for Mozilla
if(window.addEventListener)
    document.addEventListener('DOMMouseScroll', moveObject, false);

//for IE/OPERA etc
document.onmousewheel = moveObject;
 }
function moveObject(event)
{
var delta = 0;

if (!event) event = window.event;

//normalize the delta
if (event.wheelDelta) {

    //IE and Opera
    delta = event.wheelDelta / 60;

} else if (event.detail) {

    //W3C
    delta = -event.detail / 2;
}

var currPos=document.getElementById('scroll').offsetTop;

//calculating the next position of the object
currPos=parseInt(currPos)-(delta*10);

//moving the position of the object
document.getElementById('scroll').style.top = currPos+"px";
document.getElementById('scroll').innerHTML = event.wheelDelta + ":" + event.detail;
}
</script>
</head>
<body>
Scroll mouse wheel to move this DIV up and down.
<div id="scroll">Event Affect</div>
</body>
</html>
------------------------------------------------------------

basiert auf der delta-Variablen Sie können schreiben Sie Ihre eigenen Funktionen.

In html-5-Maus scroll-Ereignis behandelt wird, können Sie versuchen, auf diese Weise auch

InformationsquelleAutor der Antwort vidhyadhar

-5

this.trigger("mousewheel", {intDelta:0, deltaX:0, deltaY:0});

tatsächlich, es funktioniert besser:

this.trigger("mousewheel", [0])

InformationsquelleAutor der Antwort benson

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.