Simplebar: Scroll to Top

Created on 1 May 2017 · 6Comments · Source: Grsmto/simplebar

setting up some data tables using jquery ui tabs , setting fixed height and using your scrollbar, question is on each tab click , can this scroll bar be reset to top of the div or table , currently on tab click the next tabs content is scrolled down to where previous tabs content was being used

Source

TheeOhioState

Most helpful comment

When i console el.SimpleBar am getting undefined.Can any one help me?

Code:
var el = new SimpleBar(document.getElementById('myElement'));
console.log(el.SimpleBar); //undefined

ashookp on 31 Aug 2017

👍7

All 6 comments

Yes it's possible doing something like this:

var el = new SimpleBar(document.getElementById('myElement'));
el.SimpleBar.getScrollElement().scrollTop = 0;

Grsmto on 6 Jun 2017

👍3 🎉1 😄1

When i console el.SimpleBar am getting undefined.Can any one help me?

Code:
var el = new SimpleBar(document.getElementById('myElement'));
console.log(el.SimpleBar); //undefined

ashookp on 31 Aug 2017

👍7

For anyone, who stumbles upon this in future. el.SimpleBar is not defined anymore. el is the SimpleBar element. So use it like this:
el.getScrollElement().scrollTop = 0;

AsifulNobel on 30 Jul 2018

<div id="listing-container" data-simplebar data-simplebar-auto-hide="false">
    <div>data here</div>
</div>

function scrollIt() {
  const scrollElement = 
  document.getElementById('listingcontainer').SimpleBar.getScrollElement();
  scrollElement.scrollTop = 1200;
}