100 questions
0
votes
0
answers
66
views
Implementing document anchoring/bookmarking in embedded Collabora Online
I’m working on a document bookmarking feature where users can save references to specific content in embedded Collabora Online documents. The feature needs to work with PDF, DOCX, XLSX, and PPTX files ...
0
votes
0
answers
115
views
How to maintain scroll position across tabs and rotation in SwiftUI?
I have a view called SurahView. In this view, I need 2 modes: translation and reading.
In the translation mode, I have a series of verses with both the Arabic text and English text for each verse.
In ...
0
votes
1
answer
87
views
Scrollable list items flicker when keyboard is dimissed
In code below, when the list has more items than can fit on the screen, when the keyboard is dismissed the list items flicker, appear jittery. I have not been able to find a solution. I suspect ...
0
votes
2
answers
154
views
ScrollView scroll position does not change when scroll id changed from other scrollview
Concept i try to create is two ScrollViews that would sync with each other, when position in one ScrollView changes(via scrolling), position in second ScrollView also changes.
In this example would be ...
2
votes
0
answers
521
views
Prevent Scroll Jumping When Prepending New Items in React Table Virtuoso
I am using React Table Virtuoso for a large list of loads in my React app. The table updates every n seconds by prepending newly found loads to the top. However, this causes an issue where the ...
0
votes
1
answer
161
views
SwiftUI: Updating State When Scrolling to a New Item in ScrollView
I’m building a SwiftUI view that displays a vertical list of items grouped by date. I want to update the state variable datetimeID whenever the user scrolls to a new item in the list. Here’s my ...
0
votes
0
answers
47
views
How to make the page scroll to the next section fully on user scroll?
Here you can see these color sections do not show fully when the user scrolls, sometimes stopping midway between sections. I want the page to scroll by full sections, activating the corresponding tab. ...
1
vote
1
answer
2k
views
SwiftUI / Animation based on scrollPosition in ScrollView
I am working on a IOS SwiftUI project where I’m trying to replicate this kind of animate on scroll behaviour (not sure if it has a name):
https://www.lemonde.fr/les-decodeurs/visuel/2023/06/07/...
0
votes
1
answer
229
views
Flutter ScrollablePositionedList not able jumpTo Index issue
I apply ScrollablePositionedList, but it doesn't work. When I click on the number, it did not jump to the index.
Below are the sample images that I want to achieve.
When I clicked number 10, it ...
0
votes
1
answer
433
views
HTLM/CSS solution for WEBFLOW - Keep scroll position in Safari, after site reloads upon clicking the back button
I am not a professional coder/programmer, therefore I am currently stuck with a problem, while working on my website in Webflow.
I have a Blog-type website, the main page is a feed, where my team and ...
1
vote
2
answers
442
views
How make sticky header for tabs with scroll position?
I need sticky header tab from start spot until end of the tab section. like this site
Currently, by using eventListener on the scroll, I made it possible for the header to become sticky, but I have ...
1
vote
0
answers
722
views
Flutter: how can I attach an INTERACTIVE Scrollbar to ScrollablePositionedList?
I want to add a Scrollbar to my ScrollablePositionedList (it's like a ListView, that let's you scroll do a specific child index on demand, from this package).
The Scrollbar displays correctly, and ...
2
votes
1
answer
554
views
ScrollPosition is not set to top when navigating to other pages
The web page is designed in master-slave fashion. The master has tabs (left pane) which when clicked displays the respective page in the slave (right pane). for eg. master has three two tabs "...
3
votes
1
answer
1k
views
Material UI fade scroll styling on ImageList
I have a horizontally scrolling ImageList using Material UI V5, and I would like to fade the edges so that the cutoff isn't as harsh. I have figured out how to fade the edges, but I would only like ...
1
vote
1
answer
195
views
Wrong scroll position when deeplinking with hash to page section
I'm running a SvelteKit project. A link on my homepage references a page section by hash / id on an other page. When I click the link (CSR) the specific page is opened at the wrong scroll position. ...
0
votes
1
answer
133
views
Asp.net - scroll goes to the top when redirecting querystring
I have a page with 100 products. When the product is clicked, I add the product info to the cart with session.
I'm sending the id of the product to the session with the querystring.
response.redirect(&...
1
vote
2
answers
3k
views
How to get scroll Position in reactjs when click on button
As you can see it I am not able to scroll down the page when I click on the button, This all code running in one file in App.js
Even I tried with useRef() and UseState() also but not working
I need ...
0
votes
1
answer
42
views
Adding a class with JavaScript using scrollPos not showing properly
I'm trying to add a bottom border to appear under the tabs on a navigation bar depending on where you are on the webpage, but when I test to see if my code works, the CSS doesn't get applied. When I ...
3
votes
1
answer
3k
views
How to reset the scroll position after loading of different components, when dealing with a static header and overflow on content container?
Looking for a good solution for a problem with scrolling :)
Initial setup
I have a general application structure which looks like this:
Main container (app-component -> div of fixed 100vh size):
...
2
votes
0
answers
2k
views
Scroll position save and restore scroll position once back I am on my position in Angular
I am trying this but it's not working. I am implementing management software do and I need this solution
RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})
Right now I am on the ...
1
vote
0
answers
176
views
Flutter dynamic border radius as scrolled
Is it possible to have a border radius change dynamically as scrolled? Let say the container / popup panel start with radius 50, then when expanded it's getting to zero, based on the scroll position.
...
5
votes
1
answer
6k
views
history.scrollRestoration = "manual" doesn't prevent Safari from restoring scroll position
Suppose you set window.history.scrollRestoration = "manual" on a webpage.
In Chrome/Firefox
Whenever you click an anchor, the page scrolls to the linked element's position, and whenever you ...
0
votes
1
answer
993
views
Error Getting Component Position with ref (ReactCannot read property 'getBoundingClientRect' of null")
I want to get the position of the Skills component and add an animation when the scroll reaches to that point. However, it returns an error "TypeError: Cannot read property 'getBoundingClientRect'...
1
vote
0
answers
108
views
Flutter - Convert scroll position between Portrait & Landscape mode
I have a bunch of content in one screen, wrapped with a Scrollbar and SingleChildScrollView. When I flip the phone, the position in the content isn't the same. How can I achieve this without fiddling ...
0
votes
1
answer
2k
views
Flutter: Save and restore listview last scroll position not working
I need to restore the last scroll position in listview on app restart. I'm using listview.builder & scroll controller to save and restore offset but the listview doesn't scroll to previous ...
4
votes
1
answer
2k
views
"restore scroll position in android Paging adapter when user go to another fragment or activity from adapter" problem
How can ı restore paging adapter item state when ı move to another fragment?
I tried article below but it didnt work.
https://medium.com/@florina.muntenescu
private fun loadData() {
viewModel....
2
votes
0
answers
197
views
pagination with flutter bloc package loss scroll position
while am using flutter_bloc 6.0 I got a problem that I wrapped scaffold with bloc builder and when new state its value will be appended to the defined list of empty. well on new sate value appended ...
0
votes
0
answers
155
views
How to hide an element before it reaches the top of the screen? window.onscroll = function()
< script >
document.getElementById("bottommenu").style.bottom = "-10vh";
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;
...
0
votes
1
answer
240
views
ScrollToRow - How to get last rows to scroll to top of screen?
I'm using tableView.scrollToRow inside of the didSelectRowAt method so that whenever a row is selected, the view automatically scrolls the next row to the top of the screen. I got it working fine, ...
2
votes
1
answer
1k
views
Swift / SwitUI App crashes, when changing device Orientation after defining a position in ScrollView
My App keeps on crashing when I change the device orientation if I did set a scrollPosition before.
My ContentView() looks smth like this - where I'm reading out the display-size.
GeometryReader { ...
4
votes
0
answers
580
views
Updating scrollLeft / scrollTop not working while scrolling on Safari IOS
In my React application, the user is presented with a horizontally scrollable list and can scroll left / right to load more data.
When the user scrolls all the way to the left, I load more data and ...
1
vote
0
answers
625
views
Does scrollPositionRestoration: 'enabled' in app-routing work for pages containing scrollable paginated data that are lazy loaded in Angular?
I have a page with paginated data in a column on left and a map on right (ex. Airbnb)
When I click on the next page at the bottom of the column, I fetch the page data which returns a list of items (ex....
1
vote
0
answers
79
views
Is it possible to prevent the first render and to proceed to componentDidMount?
I have list with list of records. on tap of each record user will be redirected to detail page. when user comes back to the list page, list page must retain it's scroll position(i.e user should land ...
3
votes
1
answer
2k
views
Android Jetpack Navigation Disable Scroll Position
I have a single activity with many fragments (Using jetpack navigation). On my first fragment, i have a recyclerview. If i scroll on the first fragment and then navigate to the other fragment, the ...
0
votes
1
answer
5k
views
Change container's width according to scroll position in Flutter
I'm trying to change the width of a container dynamically according to the scroll position of a SingleChildScrollView. This is how I tried to handle this:
...
Container(
width: 20.0 + position,
...
1
vote
1
answer
3k
views
Restore scroll position after toggled a modal in react with useContext
Goal
Restore the scoll position of the window after the a div has toggled from position fixed to none.
Problem
Restoring the scroll position doesnt work although i get it saved correctly to the ...
4
votes
2
answers
3k
views
Svelte: How to fetchMore if a user has scrolled to end of page
I have a Component which fetches posts from a graphql server. It shall fetch more posts if the user is at the bottom of the page. How can I check if he has reached it? I looked on clientHeight, ...
12
votes
4
answers
6k
views
ScrollablePositionedList with SliverAppBar not working properly
This is a repository to create a minimal reproducible example.
I want SliverAppBar hidden when ScrollablePositionedList.builder is Scrolled. This is the relevant piece of code I am including here.
...
16
votes
4
answers
36k
views
Next.js maintain scroll position when page Routing
I am currently making a web site on Next.js boilerplate.
My routing code is this. (below)
import Link from 'next/link'
<Link href={{ pathname: '/some-url', query: { param: something } }}>
&...
0
votes
0
answers
328
views
Footer hidden at start then visible after scroll
Let's be blunt: I already have this script for my header that is working just fine :
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOffset;...
3
votes
3
answers
2k
views
How can I save and restore the scroll position of a Flutter ListView between app restarts?
I'd like to persist the scroll location of a ListView so it is restored between app restarts.
So I guess it should be saved on disk using something like shared_preferences (in NSUserDefaults on iOS ...
2
votes
5
answers
3k
views
Saving the instance of Recycler view during orientation change
I have a RecyclerView which was build using an Arraylist. That Arraylist consists of User defined objects named ListItem.
Each recyclerview has a card view. Each CardView holds each ListItem.
I have ...
1
vote
1
answer
3k
views
How to set start y-position of ion-content scroll?
I'm trying to set up the scroll position of ion-content a little bit down to hide some elements at the beginning of this control.
I need something like this
I have tried 'start-y="xx"' attribute but ...
0
votes
1
answer
2k
views
Oracle Apex Interactive Report not refreshing after restoring Scroll Position
I've been trying to add a function to keep the scroll position of an Interactive Report on Oracle Apex, and it seems to have worked.
Problem is, I had to remove a "Dialog Closed" dynamic action ...
2
votes
3
answers
3k
views
My Sticky Header Cover Content with the Smooth Scrolling Effect
I added a sticky header and a smooth scrolling effect, and I cannot figure out how to fix the position so it counts with the header size. The things I have tried disable the sticky header completely.
...
1
vote
1
answer
712
views
How to force page to load from the top after window has been closed and then reopened
I'm running into an issue with my site where if I scroll halfway down the page, close the tab, then reopen it using Shift + Ctrl + T, the opened page loads at the same position it was at when I closed ...
0
votes
2
answers
2k
views
How to set a ListView Scroll position to bottom, before ListView will appears in Xamarin Forms iOS?
In Xamarin Forms for iOS, I try to set Scroll-position for ListView before it will appears.
When the ListView shown, triggered the visibly scrolling to bottom.
Is there any ideas, how to set the ...
0
votes
1
answer
911
views
Chrome not retaining scroll position on back button
On most (static) websites, browsers will retain the user's previous scroll position when going back to a previous page.
On my site, Firefox, Safari, and Edge all exhibit this behavior, by default. ...
0
votes
1
answer
3k
views
Reset scroll position on page refresh, did't work on modern browsers
I'm trying to reset browser scroll position on refresh and apparently it didn't work or ain't possible with modern browsers, am I wrong?
The code:
$(window).on('beforeunload', function() {
$('html, ...
-3
votes
1
answer
127
views
let pos = (document.documentElement.scrollTop || document.body.scrollTop) + document.documentElement.offsetHeight;
this line doesn't show me the exact position of the scroller in the first time it shows 687 as the position in the second click it shows the same location as 617 it doesn't change after the second ...