How can we improve the Microsoft Edge developer experience?

CSSOM View Smooth Scroll API

Adds an optional argument to existing scroll APIs that specifies whether scrolling should be smooth. Also adds a CSS property for this.

Spec: http://dev.w3.org/csswg/cssom-view

503 votes
Vote
Sign in
(thinking…)
Sign in with: Facebook Google
Signed in as (Sign out)
You have left! (?) (thinking…)
Jonathan Sampson [MSFT] shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

8 comments

Sign in
(thinking…)
Sign in with: Facebook Google
Signed in as (Sign out)
Submitting...
  • John Smith commented  ·   ·  Flag as inappropriate

    @Anonymous
    It is about scrolling, which for me must *never* be smooth, because on my pc I cannot provide any form of input that would correspond with smooth scrolling. I don't have a touchpad or touchscreen - in my pov, those are the only inputs that may cause smooth scrolling.

    Any instant action must not scroll smoothly for me. And websites that do this, I simply cannot use.

  • John Smith commented  ·   ·  Flag as inappropriate

    Horrible. I don't want smooth scrolling. Ever. Anywhere.
    A tick of the mousewheel should correspond exactly with scrolling on screen.

    Otherwise I'll feel dizzy/disoriented. Disabling smooth scrolling is (should be, EDGE!!) an accessibility option, and websites that forcibly enable it can go to ****.

  • Jonathan commented  ·   ·  Flag as inappropriate

    Just used in a project with jQuery fallback... Would be great to see it in more browsers! Maybe this snippet is helpful:

    var nav_top = jQuery("#site-navigation").offset().top; // Element that you want to scroll to...

    // Try to use native smooth scrolling
    // Thanks: https://blog.hospodarets.com/native_smooth_scrolling
    if('scrollBehavior' in document.documentElement.style){
    window.scrollTo(
    {"top": nav_top, "behavior": "smooth"}
    )
    } else {
    jQuery('html, body').animate({
    scrollTop: nav_top
    }, 1000);
    }

  • Taylor Hunt commented  ·   ·  Flag as inappropriate

    This is especially nice from a user standpoint, because it obviates scroll-jacking that never works quite right.

    From what I understand, current scroll methods recalculate style and relayout, so this would be a more performant way to achieve smooth scroll-tos.

Feedback and Knowledge Base