Questions tagged [scroll]

Scrolling refers to the continuous sliding of content across a display screen.

Filter by
Sorted by
Tagged with
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 ...
AGW's user avatar
  • 1
-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 ...
totneschap's user avatar
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 ...
mananTandon's user avatar
-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 ...
AkiraLe's user avatar
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....
suns's user avatar
  • 15
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 ...
Michelle 's user avatar
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....
androiddev321's user avatar
-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 } ...
Slava's user avatar
  • 441
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} ...
Alexander Bunt's user avatar
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 ...
ramesh kumar's user avatar
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 ...
learncode's user avatar
  • 145
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....
Nikita Kashte's user avatar
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 ...
Ky Nam Nguyen's user avatar
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 ...
Ethan Pletcher's user avatar
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 ...
asdjfiasd's user avatar
  • 1,612
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 ...
Mandy23's user avatar
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 ...
6uzm4n's user avatar
  • 65
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 ...
Tatsiana Tsakunova's user avatar
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 ...
unacorn's user avatar
  • 877
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 ...
FineSugarSwine's user avatar
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 ...
Eric Schnipke's user avatar
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 ( ...
Daniel Sanchez Islas's user avatar
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 ...
mbelleri's user avatar
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 ...
Sznopik's user avatar
-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 ...
user760900's user avatar
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 ...
user21662545's user avatar
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 ...
Rob Goodwin's user avatar
  • 2,678
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): ...
João Lucas Carvalho's user avatar
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> ...
Nadeesha's user avatar
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() { ...
user8251233's user avatar
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 ...
Killian's user avatar
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 ...
Andrew Y's user avatar
-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 ...
jn4's user avatar
  • 23
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 ...
nobot's user avatar
  • 1
-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 ...
Timo Lambing's user avatar
-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 ...
Nico1395's user avatar
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 ...
Aninsi Sasberg's user avatar
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 ...
Артём Орёл's user avatar
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 ...
user22213221's user avatar
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 ...
Vishal Shete's user avatar
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 ...
Manuel Esteban Morales Zuarez's user avatar
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]="...
1kgdelate's user avatar
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 ...
Gagik Manasyan's user avatar
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 ...
Veerapandi S's user avatar
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 ...
Brenden Baio's user avatar
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 ...
dimis's user avatar
  • 1
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 ...
greenoldman's user avatar
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 ...
Tetiana Korshunova's user avatar
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 ...
DishiestAlarm's user avatar
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 ...
Leonid Danyushevsky's user avatar

1
2 3 4 5
435