there is a method in the window object called scrollTo(). If you set the behavior to ‘smooth’ the page will handle the smooth scroll. example (scroll to top of page): window.scrollTo({ left: 0, top: 0, behavior: ‘smooth’ }); And with fallback example: try { window.scrollTo({ left: 0, top: 0, behavior: ‘smooth’ }); } catch (e) … Read more
I found two jQuery plugins that may do what you want. Simplr-SmoothScroll // Source: SE Question jQuery SmoothWheel edit: Struck out SmoothWheel because of comments – it hasn’t been updated in ages, and SmoothScroll seems well maintained.
Add this wherever you have declared RecyclerView in your Activity or Fragment RecyclerView mRecyclerview = (RecyclerView) findViewById(…); mRecyclerview.setNestedScrollingEnabled(false); setNestedScrollview(false) does the work for you.
The simple answer is just to replace scrollView.smoothScrollTo(0, scrollTo); with ObjectAnimator.ofInt(scrollView, “scrollY”, scrollTo).setDuration(duration).start(); where duration is the time in milliseconds you want it to take.
Here’s how to do it with plain JQuery using scrollTo() $(‘.main-nav a’).on(‘click’, function(e) { var el = $( e.target.getAttribute(‘href’) ); var elOffset = el.offset().top; var elHeight = el.height(); var windowHeight = $(window).height(); var offset; if (elHeight < windowHeight) { offset = elOffset – ((windowHeight / 2) – (elHeight / 2)); } else { offset = … Read more
Use smoothscroll polyfill (solution for all browsers), easy applicable and lightweight dependency: https://github.com/iamdustan/smoothscroll Once you install it via npm or yarn, add it to your main .js, .ts file (one which executes first) import smoothscroll from ‘smoothscroll-polyfill’; // or if linting/typescript complains import * as smoothscroll from ‘smoothscroll-polyfill’; // kick off the polyfill! smoothscroll.polyfill();
You basically need to do this: include the target hash into the link pointing to the other page (href=”other_page.html#section”) in your ready handler clear the hard jump scroll normally dictated by the hash and as soon as possible scroll the page back to the top and call jump() – you’ll need to do this asynchronously … Read more
You probably want to tell the ListView to post the scroll when the UI thread can handle it (which is why yours it not scrolling properly). SmoothScroll needs to do a lot of work, as opposed to just go to a position ignoring velocity/time/etc. (required for an “animation”). Therefore you should do something like: getListView().post(new … Read more
Finally I was able to make it work! LinearLayoutManager.scrollToPositionWithOffset(int, int) did the trick.
Do you really need that plugin? You can just animate the scrollTop property: $(“#nav ul li a[href^=’#’]”).on(‘click’, function(e) { // prevent default anchor click behavior e.preventDefault(); // store hash var hash = this.hash; // animate $(‘html, body’).animate({ scrollTop: $(hash).offset().top }, 300, function(){ // when done, add hash to url // (default click behaviour) window.location.hash = … Read more