jQuery aktivieren und deaktivieren scrollen

$('.news-wrap').mouseenter(function(event) {
    $(window).mousewheel(function(event) {
        event.preventDefault();
    });
});

Fenster scrollen deaktiviert ist, jedes ich lassen das element.
Wie kann ich ermöglichen das scrollen mit mouseleave-event?

InformationsquelleAutor Taras Kudrych | 2012-05-23

  1. 7

    So?

    $('#abs').bind('mousewheel DOMMouseScroll', function(e) {
    var scrollTo = null;
    if (e.type == 'mousewheel') {
        scrollTo = (e.originalEvent.wheelDelta * -1);
    } else if (e.type == 'DOMMouseScroll') {
        scrollTo = 1000 * e.originalEvent.detail;
    }

    if (scrollTo) {
        e.preventDefault();
        $(this).scrollTop(scrollTo + $(this).scrollTop());
    }
});​

    InformationsquelleAutor just eric

  2. 9

    Ich geschrieben habe ein jQuery-plugin, um dies zu umgehen: $.disablescroll.

    Stoppt das scrollen vom Mausrad, touchmove und buttons wie Seite Runter.

    $('.news-wrap').mouseenter(function() {

    $(window).disablescroll();

}).mouseleave(function() {

    $(window).disablescroll("undo");

});

    Hoffe jemand findet dies sehr hilfreich.

    Danke Mann, das ist wirklich nützlich!
    Ich bin froh, du bist willkommen! 😀
    Wenn ich ziehen Sie Elemente nach oben oder unten und erreicht die scrollpoint der Fenster, der Maus und draggable element waren die Entkopplung. Ich habe versucht dieses plugin und es funktionierte wie ein Charme...schönes plugin
    hat mir geholfen, danke!

    InformationsquelleAutor Josh Harrison

  3. 0

    Ich bin derzeit mit einem Plug-in für bootstrap-tour und das Ziel war
    Deaktivieren Sie Bildlauf, wenn Sie auf einen link klicken und es aktivieren, wenn Sie geklickt haben, eine
    'tour beenden' Schaltfläche in der tour.

    In HTML erstellen, die div link von einer id:

    <div id='placeholder'><a href='#'>Placeholder link</a> </div>

    Instanziieren jquery mit einem Klick-Funktion.

    start jquery:

    $(document).ready(function() {
    /*click Function*/
    $('#placeholder').click(function(){
        /*Disables scrolling*/
        $('body').css('scroll', function(){
            window.scrollTo(0,0);
        });
    });  
});

    Plugin option bootstrap-tour, bei der Sie Ende der popover:

    /*This fire when clicking End Tour & placeholder would only work if that what you named the tour.*/
onEnd: function(placeholder) {
    /*Enable scroling*/
    $('body').css({ 'overflow': 'scroll' });
    $(document).off('scroll');
}
    Es ist /*Kommentar*/ statt nur Kommentar in JavaScript 😉

    InformationsquelleAutor Jonathan Plotz

Schreibe einen Kommentar