Questions tagged [horizontal-scrolling]
horizontal-scrolling refers to a user-interface capability to view offscreen content which is wider than the screen by using on-screen controls or an input device to change the left/right offset
1,536
questions
220
votes
19
answers
318k
views
Horizontal ListView in Android?
Is it possible to make the ListView horizontally? I have done this using a gallery view, but the selected item comes to the center of the screen automatically. I don't want the selected item at the ...
169
votes
17
answers
423k
views
How do I remove the horizontal scrollbar in a div?
When I set overflow: scroll, I get horizontal and vertical scrollbars.
Is there a way to remove the horizontal scrollbar in a div?
113
votes
7
answers
128k
views
RecyclerView horizontal scroll snap in center
I'm trying to make a carousel-like view here using RecyclerView, I want the item to snap in the middle of the screen when scrolling, one item at a time. I've tried using recyclerView....
85
votes
3
answers
61k
views
Synchronise vertical/horizontal scrolling in split view
Is there a way in VS Code to synchronise vertical or horizontal scrolling in splitted view ?
Like in Notepad++ for instance :
From buttons:
From View menu:
84
votes
11
answers
155k
views
Horizontal ListView inside a Vertical ScrollView in Flutter
I am trying to achieve a very common behavior nowadays which is to have a horizontal List within another widget that is at the same time scrollable. Think something like the home screen of the IMDb ...
74
votes
14
answers
207k
views
Android Horizontal RecyclerView scroll Direction
I made a Horizontal RecyclerView and it works fine(thanks to this) but the direction of scroll and data are expand from left to right; then How can I change the RecyclerView scroll direction like in ...
64
votes
11
answers
50k
views
Get center visible item of RecycleView when scrolling
This is what I want:
As image above, I want to draw a center line on RecycleView, then get the center item when scrolling (as well as move left or right)
Here is my try to draw a horizontal ...
63
votes
4
answers
279k
views
CSS horizontal scroll
I'm trying to create a <div> with a series of photos which are horizontally scrollable only.
It should look something like this LINK;
However the above is only achieved by specifying a width ...
62
votes
6
answers
44k
views
Vertical Scrollbar leads to horizontal scrollbar
My CSS looks like this:
div.SOMECLASS {
position: absolute;
max-height: 300px
height: auto;
width: auto;
overflow: auto;
...
}
The div height and width scale automatically. The height has ...
61
votes
4
answers
43k
views
How to make Twitter Bootstrap's <pre> blocks scroll horizontally?
Per the examples https://getbootstrap.com/docs/4.3/content/code/#code-blocks, bootstrap only supports vertically-scrollable and word-wrapped <pre> blocks out of the box. How do I make it so that ...
60
votes
10
answers
72k
views
HorizontalScrollView: auto-scroll to end when new Views are added?
I have a HorizontalScrollView containing a LinearLayout. On screen I have a Button that will add new Views to the LinearLayout at runtime, and I'd like the scroll view to scroll to the end of the ...
50
votes
7
answers
26k
views
Android - horizontal scrolling of multiple viewable items
EDIT: See my own answer for easy solution
IMPORTANT: Bounty is offered for clear way to modify ViewPager to satisfy the scenario outlined below. Please do not offer HorizontalScrollView - I need full ...
46
votes
4
answers
52k
views
How to make the horizontal scrollbar visible in DT::datatable
Using R shiny & DT package, I am creating certain tables. The number of columns vary as per user input & is not fixed. I have included the following code snippet to include a horizontal ...
38
votes
3
answers
84k
views
List of horizontal list in Flutter
I have followed this tutorial and fully implemented a horizontally scrolling list.
Now, what I would like to do is to create a vertical list where each row is a horizontal list.
I tried different ...
37
votes
4
answers
57k
views
Horizontally scrollable tabs focus on center with snap in flutter
Here I want to ask or can I make a tutorial like tabs, focusing center but the left and right tabs are 30% transparent like this, thank you!
34
votes
6
answers
46k
views
Is there a way to make horizontal scrolling smoother
This fiddle is almost what I'm looking for, I got it from MDN. The only thing missing is that I want to make it smoother. Is there a way to do that without using jQuery or any other plugins?
Fiddle
...
32
votes
13
answers
73k
views
jqGrid horizontal scrollbar
I developed AJAX interface with jQuery and jqGrid.
How I can remove horizontal scrollbar from my jqGrid table?
http://dskarataev.ru/jqgrid.png
If I set autowidth: true, then I get width of table = ...
31
votes
3
answers
52k
views
How to do an Horizontal ListView, or FlatList in react-native
I'm searching a way to make an horizontal ListView or FlatList In React-native.
like the image below:
I tried to managed it with Flex but it's make me stranges results, and always with a vertical ...
27
votes
12
answers
67k
views
How to lock the horizontal scrolling of a scrollView in iOS
i have a scrollView. i want it to scroll only in one direction(VERTICAL). Is there a way in which i can lock the horizontal scrolling...?? ...
24
votes
5
answers
75k
views
how to force horizontal scrolling in an HTML list using CSS?
I have a list like this:
<div>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>
</div&...
24
votes
3
answers
17k
views
NestedScrollView and Horizontal RecyclerView Smooth Scrolling
I have a single vertical nestedscrollview that contains a bunch of recyclerview with a horizontal layoutmanager setup. The idea is pretty similar to how the new google play store looks. I'm able to ...
23
votes
9
answers
38k
views
How to programmatically scroll an HorizontalScrollView
I have an HorizontalScrollView which contains a RelativeLayout. This layout is empty in the XML, and is populated from java in the onCreate.
I would like this scroll view to be initially somewhere in ...
23
votes
1
answer
33k
views
How to make a horizontal scrolling carousel using flexbox?
My goal:
Make a horizontal scrolling carousel just like Google (see picture)
After searching, these links provided a good start:
Enabling Horizontal Scrolling in
Flexbox
A Guide to Flexbox
I've ...
22
votes
12
answers
61k
views
CollectionView move to next cell automatically swift
I am trying to create horizontal slider like Flipkart. I am using collectionView with Horizontal scrolling and paging. Cell contains imageView. I am succeed in scrolling items horizontally manually, ...
22
votes
6
answers
55k
views
disabling horizontal scroll on an iPhone website
I am developing an iPhone version of a Wordpress driven website and I was wondering if there's any method to disable horizontal scrolling when the website is open in Safari for iPhone. Right now, I am ...
22
votes
6
answers
31k
views
Horizontal Scrolling on React Component Using Vertical Mouse Wheel
I have a component that resizes into a horizontal row of bootstrap cards when in a smaller desktop window. For users without a horizontal mouse wheel and not using a touchpad, I would like to allow ...
21
votes
3
answers
13k
views
Android: Horizontal list view in vertical scroll view?
I want to make the same implementation a pulse application.
Horizontal list view inside a vertical list view.
i tried this project for horizontal list view, but when i am trying to scroll ...
20
votes
3
answers
57k
views
How to do a horizontal scroll on mouse wheel scroll?
Just now, accidentally, i stumble upon http://www.benekdesign.com/ . Here on mouse wheel scroll it performs horizontal scroll. Truly speaking i didn't like this feature. It was a bit irritating. But ...
19
votes
1
answer
69k
views
make a button to scroll horizontally in div
I have a website where I have a div with images in it, set to overflow:auto; white-space: nowrap; So you can scroll horizontally in the div to see all the images in it.
Can I make two buttons (left ...
18
votes
8
answers
52k
views
disable horizontal scroll in jscrollpane
I have a JScrollPane with FlowLayout that I want to have a fixed width. It should be scrolling vertically only, and the contents should be rearranged automatically when I resize the window. I think ...
17
votes
6
answers
20k
views
How to enable horizontal scrolling with mouse?
I cannot determine how to scroll horizontally using the mouse wheel. Vertical scrolling works well automatically, but I need to scroll my content horizontally. My code looks like this:
<ListBox x:...
17
votes
2
answers
15k
views
So DOM scrollIntoView aligns top/bottom, but what about left/right?
I would like to scroll horizontally the given element. The only way I find is using ScrollIntoView DOM method, which allows either align the element's bottom with the view bottom or the top - with the ...
16
votes
1
answer
11k
views
How to create a shelf like view in Android?
How to create a shelf like view in android that show several book in any row? Also, it should have horizontal and vertical features like the moon+reader app has.
I can write a shelf view that moves ...
16
votes
1
answer
3k
views
Byobu mouse scrolling - [OSX + Iterm2]
I am trying to enable the mouse scrolling functionality in my local (non-ssh) byobu installation.
What I have tried doing :
Pressing F7 and scrolling with the mouse results in the following
...
15
votes
3
answers
24k
views
How to disable horizontal scrolling in ScrollBar (JavaFX)?
I disabled showing the horizontal ScrollBar with following code:
scrollPane.setHbarPolicy(ScrollPane.ScrollBarPolicy.NEVER);
It's no longer visible, but usuable with the mouse wheel. How can I ...
15
votes
2
answers
55k
views
React Native: Correct scrolling in horizontal FlatList with Item Separator
ReactNative: v0.52.0
Platform: iOS
My FlatList code:
<FlatList
horizontal
pagingEnabled={true}
showsHorizontalScrollIndicator={false}
legacyImplementation={false}
data={this.props....
14
votes
3
answers
53k
views
How do I create a horizontal scrolling UICollectionView in Swift?
How can I make a horizontal scrolling collectionView that fills up cells going across the rows rather than down the columns?
I want there to 5 columns and 3 rows but when there is more than 15 items ...
14
votes
6
answers
6k
views
Horizontal RecyclerView with dynamic item’s Height
I’m trying to implement a RecyclerView with horizontal scrolling, so I’m using this a LinearLayoutManager with horizontal orientation. The problem is that I’m populating the RecyclerView using 2 ...
14
votes
2
answers
5k
views
Horizontal scrolling with parallax background for ios
I'm facing a challenge of creating an introduction view, something like the "Cleanio" app (https://itunes.apple.com/fr/app/cleanio-pressing-la-demande/id885856031?mt=8).
Here is how it looks like:
So,...
14
votes
2
answers
13k
views
Fullpage.js Slide horizontal on scroll
Im using fullpage.js to achieve vertical and horizontal scroll.
i want the slider to slide when i scroll on Section 2.
Functionality similar to this website
Here's my code :
$(document).ready(...
13
votes
9
answers
49k
views
Responsive website: How to get rid of horizontal scroll bar?
I am currently creating a responsive website. I noticed there is an issue with empty space on the right as you scrolling horizontally. I can remove the horizontal scroll by adding overflow-x: hidden. ...
13
votes
2
answers
16k
views
Force horizontal expansion
For a sort of thumbnail horizontal sliding viewer
How can I make the divs inside the horizontal scrolling divs force the scrolling div horizontally, instead of reaching the end and starting a new ...
13
votes
2
answers
9k
views
How to implement scrollbar with thumb for fast scrolling
I need to implement a screen having around 1000 thumbnails. This screen should support gesture based scrolling as well as fast scrolling using a scrollbar with thumb. So if user want to move from page ...
13
votes
1
answer
22k
views
Horizontal scrollbar only appearing at bottom of page
I have a page with the following HTML structure...
<html>
...
<body>
<div class="wrapper">
...
</div>
</body>
</html>
The ....
13
votes
2
answers
3k
views
How to make the squares scroll in a row in a mobile view in html/css?
I have a screenshot below which I have replicated in the fiddle. In the fiddle I have a made a parent div in which I have mentioned all the 2 rows:
<div class="product-all-contents">
<div ...
13
votes
2
answers
6k
views
How to show a PDF page by page using horizontal swipe in iphone?
I want to create a page by page PDF reader.
I know how UIWebView can be used to show the PDF but It will load the entire PDF and want to show one page at a time.
The PDF is stored locally.
Next and ...
12
votes
7
answers
33k
views
C# ListView Disable Horizontal Scrollbar
is there a way I can stop the horizontal scroll bar from ever showing up in a listview? I want the vertical scroll bar to show when needed but I want the horizontal scroll bar to never show up.
I ...
12
votes
3
answers
50k
views
Horizontal Scrolling Div
I'm very interested in putting a horizontal sliding div with screenshots of my app on my website. What I am trying to do is very similar to what is done here.
This is the relevant html I could find:
&...
12
votes
1
answer
6k
views
Issue with snapping of first and last item in recyclerview using LinearSnapHelper
I have recyclerView which can be scrolled in horizontal orientation. Each view will snap to the center of the display. To implement this I used LinearSnapHelper. This tool works just fine.
Problem ...
12
votes
1
answer
1k
views
Horizontal Scrolling Listener
I feel like I have searched half the Web and found no solution...
I have a java application displaying a Map(different countries etc.).
currently you are able to scroll down and up using your mouse ...