This project is archived and is in readonly mode.

#259 ✓wontfix
fakedarren

Unable to cancel Fx.SmoothScroll in IE

Reported by fakedarren | February 13th, 2010 @ 03:08 PM | in 1.3.1.1

Moved from Core bug 495

Setup SmoothScroll for the page:

var smoothscroll = new Fx.SmoothScroll({
    duration: 6000
}, window);

Certain anchors are used for a different action and should not scroll.

element.addEvent ('click', function(e) { 
    smoothscroll.cancel();
});

This works perfectly in Firefox, but not in Internet Explorer.
(Tested versions: FF3 and IE7)

http://jsfiddle.net/timwienk/EC8Hk/

Comments and changes to this ticket

  • Tim Wienk

    Tim Wienk November 5th, 2010 @ 08:37 AM

    • Milestone changed from 1.2.5.2 to 1.3.1.1
    • Title changed from “Unable to cancel SmoothScroll in IE” to “Unable to cancel Fx.SmoothScroll in IE”
    • Tag set to internet explorer, cancel, fx.smoothscroll, ie7, ie8, smoothscroll
    • Milestone order changed from “0” to “0”

    Updated ticket description and moved the MooShell to jsFiddle.

    I think this is not a problem with Fx.SmoothScroll, I think it's a matter of the click-event-handlers being executed in a different order in IE. It seems that it cancels before it starts scrolling.

    Relying on the order of event handlers executing is bad anyway, imo.

    This should fix it:

    element.addEvent('click', function(){ 
        smoothscroll.cancel.delay(0, smoothscroll);
    });
    

    http://jsfiddle.net/timwienk/EC8Hk/1/

  • Christoph Pojer

    Christoph Pojer November 5th, 2010 @ 10:03 AM

    • State changed from “open” to “wontfix”
    • Assigned user changed from “Aaron Newton” to “Tim Wienk”

    This issue will be fixed in core 2.0. Until then, please don't rely on the order of DOM Events, Tim has provided a proper solution.

  • Arian

    Arian November 5th, 2010 @ 10:05 AM

    Or use the links option if you want to use it only for certain links.

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile »

The MooTools Extensions

Pages