how to do horizontal scroll in ionic 3

Question

look at my

I have 10 names in the ion-scroll but it is coming to the next line like a paragraph.

here is my .html code.

Answer 1

This simple CSS styling will get your job done more easier. Wrap your content inside a div and add the below styling to that div. This should work irrespective of any Ionic version. However, I'm using Ionic 5.

CSS / SCSS

.horizontal-scroll {
    overflow: auto;
    white-space: nowrap;
}

HTML

  
    Java
  
  
    Node.js
  
  
    Fusion.js
  
  
    React
  
  
    Redux
  
  
    Angular
  
  
    JavaScript
  

You can check here for working example that I've created.