UItableView method scrollToRow(at:at:animated:) Scrolls through the table view until a row identified by index path is at a particular location on the screen. Use tableView.scroll(to: .top, animated: true) You can use my extension extension UITableView { public func reloadData(_ completion: @escaping ()->()) { UIView.animate(withDuration: 0, animations: { self.reloadData() }, completion:{ _ in completion() }) } … Read more
Assign an OnScrollListener to your ListView. Create a flag which indicates whether the user is scrolling up or down. Set an appropriate value to the flag by checking if the current first visible item position equals to more or less than the previous first visible item position. Put that check inside onScrollStateChanged(). Sample code: private … Read more
TLDR; Since this answer has drawn some attention, I’ve just developed an npm package based on it to allow everyone to use it as an independent package/library in their projects. Therefore if you want something to work with right away, you can add it to your project: Demo npm i @smakss/react-scroll-direction or yarn add @smakss/react-scroll-direction … Read more
Try using the setOnScrollListener and implement the onScrollStateChanged with scrollState == 0 … do what you need to do… setOnScrollListener(new OnScrollListener() { public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { // TODO Auto-generated method stub } public void onScrollStateChanged(AbsListView view, int scrollState) { if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) { Log.i(“a”, “scrolling stopped…”); } … Read more
Determine by Cursor Location One way you could do this would be to only show the .toTop element when the user is hovering over the content of the page itself, well below the header, and navigation links: .toTop { opacity: 0; } .toTop:hover, main:hover + .toTop { opacity: 1; } You can see the effect … Read more
Since JavaScript runs in the same thread as the UI, a scroll event callback can block the UI-thread and thus cause lag. You need to throttle the scroll event listener because some browsers fire a lot of them. Especially if you’re on OS X with an analog scroll device. Since you do a lot of … Read more
I’m afraid the best way to solve this is to force the scroll bar to be visible at all times with html {overflow-y: scroll;}. The problem you have is that the “available area” shrinks with say 10 px when the scroll bar appear. This cause the calculated margin on your left side to shrink with … Read more
You have taken on a task that, if you succeed, will make you a hero. I tried this and the straightforward thing — to position:fixed; the <thead> — is impossible. I had to copy all of the <thead> into a new object. But when you do that, the horizontal spacing of the <th> elements all … Read more
This seems to work. var lastScrollLeft = 0; $(window).scroll(function() { var documentScrollLeft = $(document).scrollLeft(); if (lastScrollLeft != documentScrollLeft) { console.log(‘scroll x’); lastScrollLeft = documentScrollLeft; } }); jsFiddle.
Answer: the ScrollView is not working when used as the root element of an XML layout. It has to be wrapped inside a LinearLayout. Solution then : <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:layout_width=”match_parent” android:layout_height=”match_parent” > <ScrollView android:id=”@+id/scroll_view” android:layout_width=”match_parent” android:layout_height=”match_parent” android:fillViewport=”true” > <LinearLayout android:id=”@+id/scroll_layout” android:layout_width=”match_parent” android:layout_height=”wrap_content” android:orientation=”vertical” > </LinearLayout> </ScrollView> </LinearLayout>