21,785 questions
8
votes
2
answers
231
views
JavaFX ListView programmatic selection scroll only when item is outside visible range
When selecting items programmatically in a ListView, I want the scroll to behave like native keyboard navigation — scroll only when the selected item is outside the visible area. Using listView....
- 1,288
1
vote
1
answer
95
views
Nested Scrolling of Lists within a Carousel erratically working on iOS26.2 physical devices
I was using with satisfaction the snippet by @ChrisR from his post Carousel SwiftUI until I upgraded my iPhone and iPad to iOS26.2
In Chris' example I substituted the Coloured Rounded rectangles with ...
- 166
0
votes
0
answers
75
views
How to force scrollbar to show up in Streamlit?
I tried this style, but the scrollbar only shows up when I click on a button inside the container. Then when Streamlit reloads the page it's gone again. Any help appreciated.
st.markdown(""&...
1
vote
1
answer
99
views
How do you set up a SwiftUI LazyHStack so that it centers the nearest view when scrolling ends?
I'm currently setting up a scrollable selection of options with the intent that, when the user stops scrolling, the one closest to the centre is properly centred. However it just doesn't seem to be ...
- 9,461
1
vote
0
answers
43
views
MAUI CollectionView with MeasureAllItems & VerticalItemSpacing causes forced snapping/lag on Scroll
I am using a .NET MAUI CollectionView to display a list of items with variable heights. I have set ItemSizingStrategy="MeasureAllItems" and explicitly disabled snapping (SnapPointsType="...
2
votes
1
answer
94
views
How to programmatically scroll to the top of a lengthy text in a customized JDialog?
Within a large Java project I'm trying to display lengthy text in a custom JDialog. I would like to start showing the text from the beginning when the dialog shows up, however, I can only manage to ...
- 159
0
votes
1
answer
84
views
Scroll Column with large height child in Flutter [closed]
I have the following use case in Flutter:
Column(
children: [
widget1,//image of known height
widget2,//image of known height
widget3,//large height widget with unknown height
]
),
If ...
- 11
2
votes
1
answer
60
views
CSS/Tailwind Scroll Snapping not working within scrollable flex container with sticky header
I have three expandable vertically stacked cards positioned in a flex layout below a fixed sticky header.
Requirements:
It would be nice to have scroll snap feature, so that scroll snaps to the top of ...
- 349
-1
votes
1
answer
218
views
Jetpack Compose LazyColumn scroll offset breaks when content size changes dynamically [duplicate]
I'm building a chat screen using Jetpack Compose with a LazyColumn. During loading, I show a shimmering placeholder with a large height. Once the real data arrives, the content shrinks because the ...
0
votes
1
answer
182
views
Cannot scroll a text area made with FTXUI
In a windows console application I want to add a TUI (Terminal User Interface). I want to create some tabs. In a tab I want to show the logs of the application, so there must be many lines, I can ...
- 12.8k
0
votes
0
answers
202
views
How to Prevent Auto-Scroll During Streaming When User Manually Scrolls Up?
I'm building a chat interface where AI responses are streamed chunk by chunk (similar to ChatGPT). The current implementation automatically scrolls to the bottom as each chunk arrives, which works ...
- 65
Best practices
0
votes
2
replies
119
views
javascript : how to display and scroll a remote pdf, on a browser non dependant way
I wish to display in an html page and control its scrolling, the image of a pdf hosted on a server.
I am currently using Mozilla’s pdf.js scripts, which work well for pdf files stored on my computer.
...
0
votes
0
answers
100
views
Best way to do scrolljacking without fast mouse wheel movement bypassing it
Firstly yes I know everyone hates scrolljacking, me too, but the decision's out of my hands and now I need to make the best I can of it. Unfortunately no matter what I try so far I can't get the ...
2
votes
1
answer
149
views
Changing Mouse Cursor on a Mouse Scroll Event
I found this example on a website, but neither event is triggered, even though the code appears to be correct.
import javafx.application.Application;
import javafx.scene.Cursor;
import javafx.scene....
0
votes
0
answers
33
views
overflow-x messes with iPad with touchpad
I have a solution with a row of items, scrollable horizontally, which is working fine everywhere, but when I scroll vertically over that row on my iPad with the trackpad, the scrolling stops and it ...
0
votes
1
answer
229
views
Mouse scroll wheel feels laggy and not smooth in my Flutter website
I'm building a website using Flutter Web, but when I scroll using the mouse scroll wheel, it doesn’t feel smooth it’s kind of laggy or jumpy compared to websites built with React or standard HTML/CSS.
...
0
votes
2
answers
106
views
How can I make each word pause in the middle for a second before scrolling up to the next?
My code here scrolls up smoothly but I want each word to pause in the middle for a second before scrolling to the next word while keeping the infinite loop?
<div id="scroll-container">
...
2
votes
4
answers
159
views
How to prevent scroll the parent website when the mouse cursor is inside a webview
I have a webview iframe inside a parent web. The webview is scrollable. My problem is when scroll to the bottom of webview, if you still scroll the mouse, the parent content is also scrolled.
What I ...
- 10
0
votes
0
answers
84
views
Parallax effect between sections and Scrolling issue
I am working on a landing page using react and tailwind. You have a sticky navigation where you click links then view scrolls to that particular section which connected to the link because section has ...
3
votes
2
answers
139
views
CSS Flexbox no wrap with padding preserved
The following is a css flex box inside a scroll container. The scroll container has left and right padding however with flex-wrap set to no-wrap, padding-right is ignored. This is presumably because ...
- 20.6k
2
votes
1
answer
201
views
Create scrolling effect on images
I am creating a website for my business using shopify, nothing too fancy.
I am trying to recreate a fun scrolling effect I noticed on : https://www.highsnobiety.com/
The "highsnobiety New York&...
- 23
0
votes
1
answer
113
views
Angular - scroll to table row on page load
I have a mat-table in my app (angular v20) that is loading a longer list.
If an additional ID is provided, I would like to scroll to that ID in the table.
My problem is that I didn't find the right ...
- 27
1
vote
1
answer
119
views
Is possible to skip one scroll context for a position sticky element?
There is a way in css to specify relative to which scroll context a position sticky element should be floating?
<div class="main">
<div class="row">
<div class=...
0
votes
0
answers
70
views
Make sticky elements that "unstick" once the content of the scrolling container is over?
I’m building a chat-like layout in React. Each MessagePair contains:
HorizontalResponseOptions: fixed height, never overflows.
Response: has max-height and overflow-y: auto.
As the user scrolls the ...
0
votes
0
answers
109
views
Scroll step by step process not working as expected
I built a zig-zag horizontal scrolling timeline with HTML, CSS, and JavaScript.
It works fine as a standalone HTML file, but when I add it inside Elementor (WordPress) using the HTML widget, the ...
0
votes
0
answers
41
views
Unwanted background scroll when keyboard is visible
I have a scrollable product page with a button opening a panel taking 100% of the width and height on mobile. In this panel there is an input at the top. when focused and with the keyboard opened, I ...
0
votes
2
answers
137
views
`window.scrollTo` scrolls outside the container on iOS Safari
I’m running into an issue with window.scrollTo on iOS Safari.
On desktop browsers (Chrome/Firefox/Edge), this works as expected:
window.scrollTo(0, document.body.scrollHeight);
Even when resizing the ...
0
votes
1
answer
92
views
ion-refresher triggers while scrolling when used with ion-segment-view
I'm seeing an issue where ion-refresher fires whenever I scroll down, even when the content isn't at the very top. This only happens when the page uses ion-segment-view. If I remove ion-segment-view, ...
- 453
0
votes
0
answers
55
views
jquery stop scroll on setTimeout click function
I'm setting a click function to open a tab but on click it scrolls the page down which I don't want to happen. How can I stop the scroll?
$(window).bind("load", function() {
if ($('.feefo-...
- 379
0
votes
0
answers
62
views
Can't scroll BottomSheetScrollView (from @gorhom/bottom-sheet)
The popup opens when you focus the TextInput. Then you can search for a country, but the list that shows all the found countries isn't scrollable. I've tried countless things, but none of them work. I ...
1
vote
0
answers
67
views
Parallax hero image turns grey after window resize / DevTools
I’m using jQuery Stellar to create a parallax hero at the top of the page.
// parallax initialisation
$(window).stellar({
responsive: true,
parallaxBackgrounds: true,
parallaxElements: true,
...
- 65
0
votes
1
answer
109
views
Virtual-scrolling works with native scrollbar but not with SimpleBar—rows appear but list won’t scroll
I’m trying to add virtual scrolling to a long list that uses SimpleBar for custom styling.
With the native scrollbar the technique works: I create a very tall invisible spacer (.sizer) to give the ...
- 15
0
votes
1
answer
63
views
JointJS is not rendering HTML elements with scroll on Safari
In my Vue app, I'm using JointJS to create a process diagram.
Everything works fine on Chrome - both locally and in the testing environment.
On Safari, it also works fine locally, but after being ...
- 516
0
votes
1
answer
134
views
Scroll Trap Section
What I'm trying to achieve is to have a section on my website with text on the left and multiple images on the right. I want these images to scroll vertically while the text remains stationary.
The ...
0
votes
0
answers
215
views
ApexCharts in Angular: 'Unable to preventDefault inside passive event listener invocation' when using mouse wheel zoom
I'm using ApexCharts in an Angular application, specifically inside a Metronic KeenThemes dashboard widget.
I've enabled zoom with the mouse wheel using the following chart options:
chart: {
zoom: {
...
0
votes
1
answer
86
views
How to implement scroll shadows over images using only css?
I adapted this wonderful photo layout. I wanted to implemented a max height and make it scrollable. Then, I wanted to set scroll bars to always visible to indicate that there is content to scroll. ...
- 876
0
votes
0
answers
165
views
Flutter scroll lags and shakes when list items have different heights in the list
I'm facing an issue in my Flutter desktop app for Windows when scrolling through a list with items of different heights.
When I drag the scrollbar, it noticeably lags behind the mouse cursor and ...
0
votes
1
answer
444
views
Black border or line appearing on edges of HTML <video> elements despite no borders in video file
I'm embedding MP4 videos in a responsive layout using HTML/CSS. The videos appear clean in the source file, but a thin black line shows up along certain edges (sporadic appearance, sometimes also ...
- 21
0
votes
1
answer
57
views
Weird scroll behavior
I am trying to create a list of cards representing categories and I opted to use a custom widget instead of the provided Card widget so I can use images and apply rounded borders to them and I found ...
- 25
0
votes
2
answers
250
views
Remember scroll position when navigating screens of the app
I'm trying that the Android app remembers in which position of the screen the user left it off, so they can carry on when they move back and forth in the app.
I'm looking for the simplest way (ideally,...
- 2,235
4
votes
1
answer
154
views
Sticky element with scroll-based top updates causes flickering or shaking on scroll
I’m building a scroll effect where .logo and .content elements inside .container blocks use position: sticky and also receive scroll-based top position adjustments using jQuery.
The goal is to keep ...
1
vote
2
answers
142
views
JavaScript/CSS Smooth “Iris” Scroll Transition: Circle Grows but Won’t Shrink on Scroll-Up
I have a one-page site with five fullscreen 'Problem' cards (#problems) and a fixed 'Solution time' section (#solutions). When the user scrolls past Problem 5, a circular mask should grow from the ...
0
votes
1
answer
63
views
Scroll behavior to be element over the element
When scrolling I am using Sticky to solve but still not working perfect how I can achieve like this behavior. If there is plugin to solve this I open for this option.
I'm using jQuery / vanilla js.
...
- 11
0
votes
0
answers
22
views
Higcharts scrolling waterfall
I'm using Highcharts to draw a waterfall (values in delta) and when I add a scrolling X axis, there is a bug in the drawing when I begin to scroll.
The X Axis setting to add the scroll mode is the ...
- 153
2
votes
2
answers
79
views
Drag event provides strange values at the end of dragging
Granted, I probably use the drag event in a way that is not intended. But I want to make a window scrollable by just "dragging" a non-draggable element. So my drag function looks like this:
&...
- 5,162
1
vote
0
answers
46
views
Scroll and Scatter scale
My problem:
In this script the do_translation is working.
The do_scale does not work. The scrolling and scale interfere with each other.
If I change the ‘do_scroll_y’ to False the do_scale works fine, ...
- 53
0
votes
0
answers
18
views
Trying to scroll through text in a TextInput, but when scrolled it is sticky and snaps back to where scrolled from
I am trying to scroll through a React native TextInput that's multiline, but when I expect it to just scroll through the text without keyboard appearing, the keyboard appears, scroll is sticky and ...
0
votes
0
answers
22
views
Add class to header with javascript works in MAMP but not online
I'm trying to add an extra class at my header to change the logo on scroll. I used the tutorial mentioned in the code as a guide and that works in MAMP (local) but not online. Local it does add the ...
- 1
0
votes
0
answers
58
views
Angular 18 - scrolldown trigger for component On View change
I am building a discord-like instant messaging chat app and I am looking for a solution to scroll down to the bottom of a components view in a "channel" component. The component contains ...
- 141
-1
votes
1
answer
64
views
How can i keep this div visible until it moves to its end position but scroll past it after it has moved to its end position?
I am able to make this div move right when scrolling but i want its position to be fixed while scrolling before it has reached its end position. The problem I am having is that when I scroll further ...
- 11