Questions tagged [scroll]
Scrolling refers to the continuous sliding of content across a display screen.
21,741
questions
0
votes
0
answers
25
views
How do I keep the title of this example the same size when scrolled and the navbar opens?
Here is what I'm working on: https://codepen.io/antigenderwatch/pen/zYyLvWx
Currently, a hamburger icon appears to the right when the browser is less than 1170px, and clicking on it brings down a nav ...
-1
votes
1
answer
18
views
Table Jquery Horizontal Scroll on Click
I have a table with overflow scroll and I'd like the user to be able to click a button to scroll the table as well. Please see fiddle below for my code.
Any help on where i'm going wrong would be ...
0
votes
0
answers
5
views
Vertical Scroll in react slick is moving with the body scoll
i am making a project using Nextjs and React slick for vertical scroll. The vertical scroll works fine on the laptop screen but on the phone the vertical scroll misbehaves as the whole body scroll ...
-2
votes
2
answers
34
views
SetState Not Scroll able ListView
I meet problem with the ListView. When i scroll listview to top I will disable Scroll. But when I scroll down again, the listview not scroll down. I want when I scroll up it will able scroll down ...
0
votes
1
answer
29
views
How to scroll whole row and ListView.builder in flutter?
I have code in a function like this :
for (var i = 0; i < widget.menuItem.category.length; i++) ...[
Flexible(
flex: 6,
child: ListView.builder(
itemCount: widget....
1
vote
0
answers
29
views
How to load all messages from scrolling chat history
I have this chat screen and when I try to scroll up to you can see the scroll and it seems to be loading the messages but all I see is blank, I don't understand what's happening but it's not loading ...
1
vote
1
answer
127
views
How to detect if user is scrolling up/down LazyColumn - Jetpack Compose
How can I detect when they user is scrolling up or down in a LazyColumn? I'm trying to hide an element on the screen when the user scrolls down and show it again when the user begins to scroll upwards....
-1
votes
1
answer
19
views
How to make scrollable LazyRow with paging 3 with full width
How to show on screen the first element not the last?
val pages = viewModel.getPages().collectAsLazyPagingItems()
LazyRow {
items(
items = pages,
key = { it.id }
...
1
vote
0
answers
18
views
React Native / Expo: how to disable press actions while swiping, like all apps in fact do
I have been working on an app for a while now, and I just can't figure out how to fix the following issue.
I have an horizontal scroll view:
<ScrollView
removeClippedSubviews={true}
...
0
votes
1
answer
31
views
Flutter-Nested lists: Scroll the parent list view when ever the child list reaches to the top or bottom of the list
There is a ListView.builder(){} widget inside another ListView.builder(){} widget. There is a bounded height defined to the child list widget. The required behaviour is when ever the child list ...
1
vote
0
answers
46
views
React Native How to scroll to an element in a list?
What I am trying to do:
When a user clicks on a notification for reports, open the product results screen, where reports are rendered. I want it to auto scroll directly to the reports.
The examples ...
0
votes
0
answers
12
views
scroll and click element in appium
String Organization = "new UiScrollable(new UiSelector().scrollable(true).instance(0)).scrollIntoView(new UiSelector().text("textName").instance(0))";
driver.findElement(AppiumBy....
0
votes
2
answers
42
views
Can't detect scroll event on content editable element
I have tried almost every way to attach the scroll event to the content editable. No matter what, my handleScrollToUpdateRect does not trigger. I have tried the wheel event, which works but is not as ...
0
votes
1
answer
35
views
CSS scrollbar autohide not working after webkit customization
The default behavior on Chrome for scrollbars is to be hidden until they are used. On safari, they are hidden all the time. After adding these custom styles, specifically the width attribute, both ...
0
votes
0
answers
21
views
How to prevent page scrolling if I am over iframe?
I have iframe on my page. The iframe does not have more content than it's height but it does use mousewheel for zooming. When I mousewheel on main page it scrolls the main page, when I am over the ...
0
votes
0
answers
16
views
Can some help me with the Js code - i want to stop the response from API after the 10 input in scroll event. while doing the infinite scroll
i was trying infinite scroll using the api Programming Quotes i want to only 10 quotes when i scroll down after the loader but while scrolling down i should get 10 extra instead of that i am getting a ...
0
votes
0
answers
33
views
Scroll inner div without scrolling outer parent div
How can I set some element in the inner div to scroll into view without scrolling the parent element? In the following example (I added some delay so the effect is more easily seen) you can see how ...
0
votes
0
answers
25
views
Multiscroll slider on scroll with framer-motion [closed]
Perhaps someone can help me and give me an idea of how to create a similar scrolling animation with a double-sided slider using framer-motion and ReactJs
Example
I will be very grateful to everyone ...
1
vote
0
answers
28
views
Flutter scrolling action resulting in click instead
I am not sure if this is emulator problem.
I have a flutter app that has a scrollable card view and upon clicking going into recipe detail page.
When I tried to scroll the card view page, it's ...
0
votes
2
answers
28
views
My HTML or CSS prevents me from scrolling down on mobile sized screens
The title pretty much says what my issue is. I did a few google searches and couldn't find anything helpful so I came here. Here is the link to the site: https://aquamarine-catharina-45.tiiny.site/
I ...
0
votes
1
answer
19
views
How to cancel an in-progress scroll while the user is still scrolling?
Background
My team is using an Android tablet as the display for a vehicle system. The display features a dashboard with a "widget carousel" (implemented as a ViewPager) in which are ...
0
votes
0
answers
15
views
how to make auto-scroll after a click in react
What I need is that after clicking one of the labels in the Header component it scrolls me directly to that component
here is my Home page that contains my main components
function Home() {
return (
...
0
votes
0
answers
53
views
Next.js 13 State Not Updating on Scroll
I'm facing an issue with my code where the state doesn't seem to update on scroll. I'm currently using Next.js version ^13.4.19. When I include a console.log() inside the useEffect, I'm not getting ...
0
votes
0
answers
13
views
Scrolling mouse while dragging item in Angular
To simplify: I have application made with few kendo-tilelayouts that contains tiles with informations. Each tile is draggable ,and can be dropped in another tilelayout.Application is fully in TS. The ...
-3
votes
1
answer
50
views
How to make window scrollable instead of div?
I have an issue where the scrollbar is attached to content-box and not to window. content-box is not the full width of window, which makes an awkward scroll bar in the middle. How would I move the ...
0
votes
1
answer
27
views
Sroll indicator on one section of the page
Can anyone explain how to build scroll indicator for a section in React. I want to have a vertical line that starts filling up when user scrolls to the specific section and to fill to 100% when user ...
0
votes
1
answer
58
views
Scrolling Issue with table in CSS Grid Cells
I am relatively new to html/css as I have spent most of my career on desktop apps in WPF. I have started to provide a web version of some of our applications and have been enjoying the learning ...
0
votes
0
answers
45
views
How to activate the scroll in Tkinter?
I'm with problems configuring the scrollbar in a frame, where I have words that the users favor. Here's my class:
class Functions_favorite_section:
def __init__(self, path, frame_favorite, fk):
...
1
vote
0
answers
19
views
how to perform scroll in appium using java for iOS
I was trying to perform scroll down action in an IOS mobile app using java. There is one javascript line to perform the scroll down action. this is the code I wrote.
HashMap<String,Object> ...
0
votes
0
answers
5
views
Using LazyColumn inside ComposeView with Fragment happen error
Activity using fragment to load Compose, and fragment width and height are match_parent
Fragment create a ComposeView
ComposeView add a LazyColumn like this:
class FragmentFavorite : FragmentBase() {
...
0
votes
0
answers
33
views
React Three Fiber - Infinite Scroll Carousel which has latency
For context I am a beginner developer, currently working on a portfolio. On one page I have an infinite slider with deformation effects, so I decided to do it with React three Fiber + Drei.
So I have ...
0
votes
1
answer
56
views
How do I make useEffect run every time a variable stored with useRef is changed?
I am trying to have useEffect run every time it changes a variable, but changes to the variable are lost on every re-render.
If I try to store the variable between renders using useRef, useEffect ...
-1
votes
0
answers
42
views
<ScrollRestoration/> component not working for any scenario
I'm using:
"react": "^18.2.0",
"react-router-dom": "^6.15.0",
on Ubuntu using Chromium 117+, Firefox 117+, Safari 16+, and on IOS
in a create-react-app ...
0
votes
0
answers
12
views
AutoScroll into a specific view ain't working in safari ios 16
Application is in React JS and embedded in an IFRAME. The below snippets are working for all browsers except safari ios 16.
Whenever the user switches to a new page, I want the a specific view (an ...
-1
votes
0
answers
17
views
NuxtLink applies active class to all links on a one-page layout when scrolling to specific anchor tags
I'm working on a one-page Nuxt.js application that contains multiple sections, each with a unique anchor tag. I have a navigation menu with components pointing to these anchor tags.
When I manually ...
-1
votes
0
answers
31
views
Webapplication Layouting, Scrolling, Stretching
I know this topic is old and there are many questions, posts and articles on the internet, but this is a topic I pushed around in front of me for months now. I am building a Blazor web-application and ...
0
votes
0
answers
28
views
Svelte scrollY changes value when sticky element resizes
I want to change the appearance (make it take up less height) of a sticky navbar when I start scrolling. But when I do this the height change results in the scrollY value changing resulting in a loop ...
0
votes
0
answers
13
views
How to prevent the page scrolling to top when modal is opened?
How to prevent the scrolling of page when modal is opening?
I am trying to open modal and page scrolls to top. But I need the modal open on same position and do not scroll the page.
I am using MDB and ...
0
votes
0
answers
42
views
Scrolling a word in the text using RichText and CustomScrollView (Flutter)
While scrolling through webpage on flutter web app, I'm trying to scroll a specific word in a sentence and replace it with another word and so on.
I have tried using CustomScrollView, slivers and Rich ...
0
votes
0
answers
20
views
phaser 3 scrolling problem in mobile touch screen
I am new to phaser 3 and i don't know how to resolve this touch screen bug.
in desktop mouse scrolling working fin but in touch screen devices io wobbles and very buggy to scroll there is 25 records ...
1
vote
1
answer
35
views
Can't use React hooks on Next Header
This is my website https://atmos-app-p6hi7.ondigitalocean.app/ I need to decrease the padding on the header when the user scroll for that I do this component :
import Link from 'next/link'
import ...
0
votes
0
answers
13
views
How to use in angular primeng event onLazyLoad?
I'm trying to generate the onlazyload event in Angular but it doesn't generate itself, I have to start it with a click event, otherwise it doesn't work.
I tried this code:
<p-table [columns]="...
1
vote
1
answer
30
views
How to put a delay on the "wheel" event?
So I have this code that upon using a mouse wheel or a touchpad changes the view to the next div in the array of sections. However, when I use the touchpad it does not work properly since at every ...
0
votes
0
answers
10
views
Vue js UI Stuttering on low end mobile (Grid View scroll) number of grid is only 12, memory consumption is also low
Issue Can be seen here Screenshot from chrome
When user is scrolling through this grid patchy white screen is happening on lower end phone with 2GB RAM
Similar website like poki is running fine on the ...
0
votes
2
answers
46
views
How can I center my selected accordion item using jQuery?
I attempted using `this.scrollIntoView({behavior: "smooth"}), however I was getting very inconsistent results with where the selected item would land. I suspect I need to somehow use ...
0
votes
0
answers
20
views
I am interested in how i can implement in react.js a smoother scrolling behavior
The scrolling behavior that i am looking for it seems smoother and heavier. It feels that it makes more effort for the scrollbar to reach its destination adding a small delay for the beginning and ...
1
vote
0
answers
26
views
How to scroll only tbody inside flexbox without using height or sticky?
I have table inside nested flex container and I would like to scroll just tbody. I don't want to/can't use hardcoded height or max-height (like for example 500px) because it should shrink or grow as ...
0
votes
0
answers
30
views
Input field in iframe is not scrollable on iphone
Imagine iframe and input field inside of it. Imagine that the value of field is longer than inputs width, so the part of string in not visible. On iphone as a user I want to move caret to the end of ...
1
vote
0
answers
20
views
How to recreate a 3d-effect carousel while allowing native scrolling
I've created a carousel using pure CSS that has a 3d effect, and it works well.
However, it uses radio inputs to toggle which item is 'active', which means it doesn't allow scrolling. As it will only ...
0
votes
0
answers
14
views
Removing focus does not stop auto scrolling in a RichEdit control in Delphi 11.3
I would like to add lines at the end of a RichEdit control which has more lines than can fit into the set height of the control, without these new lines being displayed on the screen.
Here is a test ...