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

Filter by
Sorted by
Tagged with
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 ...
Praveen's user avatar
  • 90.9k
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?
Ravi's user avatar
  • 4,045
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....
Ahmed Awad's user avatar
  • 1,815
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:
Michaël Polla's user avatar
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 ...
Javier Mendonça's user avatar
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 ...
Hamid Goodarzi's user avatar
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 ...
ductran's user avatar
  • 10.1k
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 ...
Simon R's user avatar
  • 3,752
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 ...
fgysin's user avatar
  • 11.7k
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 ...
Suan's user avatar
  • 35.9k
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 ...
Rick Barkhouse's user avatar
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 ...
Bostone's user avatar
  • 36.9k
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 ...
Komal Rathi's user avatar
  • 4,214
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 ...
Andrea Grippi's user avatar
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!
Ismail Interface's user avatar
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 ...
Adrian Enriquez's user avatar
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 = ...
dskarataev's user avatar
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 ...
G Clovs's user avatar
  • 2,842
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...?? ...
A for Alpha's user avatar
  • 2,922
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&...
frequent's user avatar
  • 28.1k
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 ...
falc0nit3's user avatar
  • 1,009
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 ...
Benoit Duffez's user avatar
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 ...
Brock Gion's user avatar
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, ...
Riddhi Shah's user avatar
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 ...
Fahad Hasan's user avatar
  • 10.4k
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 ...
beznet's user avatar
  • 572
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 ...
Basbous's user avatar
  • 3,927
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 ...
Rakesh Juyal's user avatar
  • 36.2k
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 ...
Amsterdam_020's user avatar
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 ...
phunehehe's user avatar
  • 8,696
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:...
vts123's user avatar
  • 1,766
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 ...
mark's user avatar
  • 60.5k
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 ...
azad's user avatar
  • 361
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 ...
yarco's user avatar
  • 182
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 ...
cy221's user avatar
  • 1,109
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....
Yury's user avatar
  • 918
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 ...
user6520705's user avatar
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 ...
ILovemyPoncho's user avatar
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,...
sazz's user avatar
  • 3,243
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(...
undefinedtoken's user avatar
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. ...
user1717475's user avatar
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 ...
Matt's user avatar
  • 351
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 ...
Himanshu's user avatar
  • 131
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 ....
Sarah's user avatar
  • 744
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 ...
flash's user avatar
  • 1,473
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 ...
Roger_iPhone's user avatar
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 ...
Ozzy's user avatar
  • 10.5k
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: &...
Corey Horn's user avatar
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 ...
Martin's user avatar
  • 2,678
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 ...
RoiEX's user avatar
  • 1,185

1
2 3 4 5
31