116 questions
-1
votes
0
answers
15
views
How to Create the Rotating "B Cube" Effect from Bridge Theme Demo?
I’m trying to replicate a specific effect from the Bridge theme demo. You can check out the page here: https://bridgelanding.qodeinteractive.com/tour/.
In this demo, there’s a section where, as you ...
0
votes
0
answers
25
views
React Native - multiple full-screen items (videos) in FlatList, add desired custom scroll effect like parallax between desired items
Having array of multiple items (videos) in FlatList, each covering the whole screen. It is tiktok like videos feed where user on single scroll, moves between current and next video. Is it possible to ...
- 91
0
votes
0
answers
13
views
I have used iscroll as a custome scroll and try to fix hader on top can't able to do that and also position is not working in iscroll?
I have used iscroll as a custom scroll and try to fix hader on top can't able to do that and also position is not working in iscroll. How to use position in iscroll?
0
votes
1
answer
156
views
Using scrollEnd event to stop bouncing with scrollIntoView when making panels scroll synchronously
I am making a rather complex website that has as a key factor texts in different panels that I want to make scroll together (synchronously). That is: when the user scrolls down a few lines in one ...
- 357
0
votes
1
answer
70
views
React + FabricJS: Custom Scrollbar - Flickering Scroll Thumbs on zoom in/out state update
I made a Custom Scrollbar for FabricJS (Since they don't provide one). Everything seems to be working fine. The thumbs of the scrollbar do change their height and width when the zoom state updates, ...
- 1
0
votes
0
answers
36
views
How to create a webpage with left and right containers with synchronized opposite scrolling
The website is created using elementor. In the home page, I want to split the viewport into two equal width sections (left and right). When Scroll, I want one section to go up and the other to go down ...
-1
votes
1
answer
202
views
How to Get Half Circle Scrolling Effect in Javascript
I've been working on cloning suno.ai for learning purposes, and I'm facing two challenges. Firstly, I've successfully implemented a play song on scroll functionality using GSAP scroll trigger, but I'm ...
- 3
0
votes
0
answers
43
views
why the top widget in custom scroll view doesn't scroll
I'm trying to use custom scroll view and the slivers are a container that have a pic and gridview when I try to scroll down or up just the list view is moving and the container does not
this is my ...
0
votes
0
answers
1k
views
How to add Lenis Scroll on a specific div with VueJS
I have a problem with Lenis Scroll on Vue3.
When I'm using it on the html tag, it works fine, no problem.
But I can't get it to work on a div/component that is further down, instead of on the html tag....
- 31
0
votes
1
answer
103
views
How to fix this overlap scroll effect in React?
I am currently facing an issue with a scroll effect that I'm trying to implement in React.
Here is the desired effect , I was able to implement it in react using ChatGPT, as long as all the panels ...
- 3
2
votes
0
answers
870
views
How to implement Drag And Drop between multiple ListViews with automatic Scrolling
I am trying to implement drag and drop between multiple listviews in flutter and am fairly a new comer to flutter.
Below is the demo video of what I am trying to do and what is actually happening:-
...
- 137
3
votes
4
answers
3k
views
How to implemented Nested ListView.builder in Flutter?
I have already gone through this post
for nested scrolling but it is not the correct way according to me as explained in this video from the official flutter channel
I want to achieve the below layout
...
0
votes
0
answers
19
views
How to add custom scroll behaviour to page using Javascript [duplicate]
I was wondering if anybody knows how to achieve a scrolling effect as seen on this page:
https://plastic.design/
I don't know what this effect is called and don't even know how to describe it, which ...
- 11
1
vote
0
answers
328
views
How to do Positional Scroll in GroupedListView
How to do Positional Scroll in GroupedListView. this is a one-to-one chat screen and I want to search for an element in the chat list and scroll to a specific index in the chat list I use grouped list ...
- 191
3
votes
0
answers
479
views
swipe to dismiss in lazy list - accidental horizontal scrolling during vertical scrolling in jetpack compose
I’m trying to add swipe to dismiss to a LazyList.
The default implementation of SwipeToDismiss will lead to accidental horizontal scrolling while trying to scroll vertically leading to accidental ...
- 191
2
votes
1
answer
978
views
How to show the scrollbar only on scroll
I use perfect-scrollbar https://github.com/mdbootstrap/perfect-scrollbar for custom scrollbar. The scrollbar is visible only when you mouse hover the container.
How can I show the bar only on scroll ...
- 25
4
votes
2
answers
2k
views
How do you automate scrolling Instagram DMs?
I'm trying to scrape my Instagram DMs (direct messages). However, I don't know how to automate scrolling down the column to get the additional usernames that messaged me.
I've tried this, as well as ...
- 325
2
votes
1
answer
403
views
Flutter feed growth in both direction
I basically have a chat in where at the beginning only a part is loaded. Now i need to add more data (widgets) in both the top and the buttom.
Now in my example i've already implemented, that when the ...
- 175
0
votes
1
answer
913
views
Setting `scroll-snap-type` and `scroll-snap-align` to `none` on a mobile sized breakpoint doesn't work?
I can't seem to set scroll-snap-type to none on a mobile breakpoint. Ideally, I'd like to remove css scroll snap on mobile devices because it has been confusing for many users when scrolling through ...
- 137
0
votes
0
answers
151
views
How to scroll a Win2D canvas content?
Im developing an app that draws Grid of images using win2d CanvasVirtualControl. I want to scroll the draw content so that the previously drawn tiles will be scrolled to somepostion and a new tiles of ...
0
votes
2
answers
107
views
Stop script if users scrolls
Disclaimer: I am not a JavaScript developer, I'm a web designer. HTML and CSS, I handle all day, JS, not so much. That's why I'm reaching out for help.
The following script allows for a smooth scroll ...
- 10.3k
3
votes
1
answer
1k
views
How can I get my ScrollView to move synchronously with my Scrollbar Custom Indicator in React Native?
So I am trying to get this to work like a scrollbar browser, and have the ScrollView move in sync with the Custom Indicator. Right now I have the scrollTo() being called from within the ...
0
votes
2
answers
4k
views
is there any way to use a container like sliverappbar in flutter?
I learned the use of sliver widget in flutter two days ago, and I was playing with it to grow my skills. I was building one kind of imaginary project and I faced a problem there.
let's think, there is ...
- 692
4
votes
1
answer
126
views
Performant Javascript Fixed Scrolling
I have read countless posts and rewritten code countless times, and I have found myself up against a wall. I am trying to overcome the limitation of not using CSS for fixed position of an element when ...
- 41
1
vote
1
answer
873
views
How Do I Scroll All Elements To Target Element
Alright, I have no idea what I'm doing. I thought that there would be a library for this, but apparently there isn't.
Problem Explanation
I have a complicated React Application.
There exists
Main ...
- 181
3
votes
0
answers
1k
views
Vertical scrolling (or visibleItemsInvalidationHandler) resets the inner offset of the orthogonal section with groupPagingCentered
I did UICollectionViewCompositionalLayout with orthogonal section with groupPagingCentered as follow:
func neighborsRealitiesSection() -> NSCollectionLayoutSection {
let itemSize = ...
1
vote
1
answer
636
views
How to get scroll on the body to scroll a sidebar like Airbnb?
So I have a layout that is very similar to Airbnb's search layout, but I haven't been able to replicate their scrolling behaviour. When you scroll on their site, the scroll first moves the left column ...
user9969622
0
votes
1
answer
1k
views
Android - How to make an infinite Scroll View
I am trying to make a background that the user can scroll through infinitely (i.e scroll never ends).
I have added a bunch of image views to the scroll view in XML, however, I am having trouble ...
- 17
0
votes
1
answer
40
views
Content of Edittext is not maintained on scrolling of ListView
I have Object(name,qty) List which I am displaying in dialog box. User can enter the quantity in EditText of any item and I have a TextView outside of the List in which I have to show auto sum of ...
0
votes
0
answers
205
views
How can I make the images appear to move and rotate?
How can I make the images on my site appear to rotate/spin in a way similar to a spinning helix (not sure of term)? I want the images to change-and change position, when a user scrolls.
Here is a link ...
0
votes
0
answers
49
views
Scrolling Javascript
I want to have a website scroll between three different positions on the Y-axis.. Problem is that the scroll eventlistener fires multiple events, so the UI behaviour is shaky..
I tried debouncing it,...
- 604
2
votes
0
answers
3k
views
Slow down scrolling speed javascript
I would like to slow down the scrolling speed of a website to better control what the user sees. I am currently using the following function..
Since this triggers an Intervention in Chrome, and it ...
- 604
0
votes
1
answer
234
views
Scroll until next child visible, Javascript and JQuery
In my application I have around 100 stanzas of a poem. Each of these stanzas occupies roughly one view-port height. On the side, I have two buttons. One which should scroll down a stanza, and one that ...
- 19
0
votes
0
answers
322
views
Two column (div) layout. Left: fixed and scrollable, text with headers, Right: float, image per header in left text
To tell a story with some images I'd like to present the text on the left, scrollable and the right should ideally display an image per header.
I'm a beginner. I haven't tried that much yet. I know ...
- 1
2
votes
3
answers
1k
views
How to make a loop appending 20 -20 rows in a tableview when scrolling?
I have a tableview, where I get sometimes 1000 or 40 or sometime even 4 values, but I want that when I got more than 100 values I want to display my array in a 10 - 10 scrolling.
Scrolling the ...
- 37
3
votes
0
answers
326
views
ScrollViewer scroll item into center
In C# UWP I need to bring item into center of ScrollViewer/ListView, instead of top or bottom.
I use this code to scroll:
listViewMain.ScrollIntoView(ItemsList[50]);
Any extension method or some ...
- 907
0
votes
1
answer
962
views
JavaScript - temporarily pause page scrolling but keep scrollbar scrolling until unpaused
I am trying to achieve an effect similar to on this website here: https://www.wokine.com/en/ where you scroll down and the 'HELLO' text moves to the side. I have done that part, but I am stuck on how ...
user10055179
1
vote
1
answer
1k
views
setting up scrolling fragments into Scrolling Activity
I am using Android's predefined Scrolling Activity (collapsing toolbar layout), I want to replace the content layout by fragments ( using viewpager ).
I have tried modifying the scrolling activity ...
- 125
2
votes
2
answers
388
views
Android handle scrolling of Google Map inside RecycleView
Haven't found a question/answer for this. When you put a Google Map inside a RecycleView (I'm using MapView inside a ViewHolder), the scrolling only works from left-to-right. Up-down scrolling is ...
- 6,043
0
votes
0
answers
67
views
Control the height of custom scroll bar
I have created a custom horizontal scroll. I added the snippet with this code.
The problem occurred is it adjusts it's height according to the section height.
What I want is, no matter what is the ...
- 2,393
0
votes
1
answer
353
views
Adding comma to jQuery animated numbers
I'm using a jQuery script from here.
So far it works great, but the only thing that I'm wondering about is how to go about getting a comma into one of the values.
Since the number animate up when you ...
- 2,109
1
vote
1
answer
6k
views
Custom scrollbar styling for firefox
Is there any way to design scrollbar in firefox. In chrome, we have certain scrollbar porperties like -webkit-scrollbar-*.
How to achieve the same in firefox using javascript/css? I want to implement ...
- 497
0
votes
1
answer
464
views
coordinator layout custom scroll behavior
I have a layout where i use coordinator layout to collapse appbarlayout to a toolbar when user scroll on the screen.
The default behaviour is quite accurate but problems show up when the user clicks ...
- 2,804
0
votes
1
answer
55
views
Scrolling elements when overflow is hidden
I am currently looking for hours on help how all these modern web apps are built. They seem to have overflow hidden and still animate elements on scroll in all directions.
Example pages I liked and ...
0
votes
1
answer
2k
views
How to use a dismissible widget inside a CustomScrollView in Flutter?
I am trying to create a list of dismissible cards inside a customscrollview. The cards are getting rendered, but when i swipe the cards to dismiss them , they don't get removed from the list. Below is ...
0
votes
0
answers
820
views
Custom Scrollbar with position absolute above the content
Is there a way to have a custom scrollbar for a div with position absolute?
Because of the design layout, I have a content with 100% width and it should pass behind the scroll.
The scroll will ...
- 2,534
0
votes
1
answer
2k
views
CSS Parallax Effect Stretching out my Background Images
I have been struggling for the past several weeks with the parallax effect in a section on the profile page I am building.
In this section, I have three 4-column divs. The 1st div contains my text, ...
- 117
0
votes
1
answer
283
views
Auto Scrolling Within a View with React Native
Currently working on a project where I want to implement Auto Scrolling in a view. Is this possible with React Native? I have searched the internet and have not come across anything that shows this ...
6
votes
2
answers
3k
views
Android Google Map | Two finger scrolling
I am working with Google Map,
My case is that I have a map fragment inside the ScrollView and I need to scroll the map only with two finger if user touches only one finger map should not work and ...
- 2,825
1
vote
1
answer
302
views
avoid image scaling bug with jQuery custom content scroller
What is the best practices to avoid the image scaling bug on the jQuery custom content scroller?
The problem result's in that the image is set to a width: 100%. When the custom scroller is added the ...
- 2,291