Draggable Slider Tabs Like YouTube in HTML CSS & JavaScript | Slider Tabs in JavaScript

In this video, I've shown how to Create A Draggable Slider or Filter Tabs Like YouTube in HTML CSS & JavaScript. In this slider, users can slide the tabs by dragging or using previous and next icons.

Draggable Image Slider in Vanilla JavaScript

Live Demo or Download Codes of this Slider Tabs

Music Credit:
Deep Sea by Vendredi

Something 'bout July (Instrumental) by RYYZN

Ikson - We Are Free [Official]

[najibullah]

almost all advance feature added in slider. this video is very helpful for advance learners.

[havefun]

14:02 17:01 For setTimeout(), it's tricky, we don't need call handleIcons() at arrowIcon click function and dragging()
we only below
tabsBox.addEventListener('scroll', handleIcons);
as tabsBox is the scroll box, so as long as it scrolls, we could use handleIcons callback function to detect.

[RbyCS]

Incredible. Great Work. Very Simple and yet entangled functionnalities.

[RbyCS]

There is a little bug in the code. It is when you click the arrow icons, It seems that you have to click one more time even if the scroll is reaching the edge. To fix that you hava to encrease the delay in the setInterval that handles HandleInput function, Make it 500ms and bug will be fixed.

[checkcheck]

great one video dear but would you mind also please show how to display some text and images on click of partcular tab under tab section

[luispaulocavalcante]

Thanks a lot for this video! 🤩👏

you are awesome!

[codingexpert]

Brilliant!
what software do you use for editing

[ojanaPrithibi]

if I am scrolling using the right button then the left button does not show, but if I am scrolling by grab/drag the left button is showing.

[DTUSEM]

On mobile device slider is moving very very slow. Please suggest how to improve that

[HKPTK]

When use it on Android, touch to not drag...

[FireeagleAgmaio]

Can you make a tutorial on how to make a node.js user authorization system on the next video?

[Aziz-Ahmed-UK]

Any idea how you can integrate this into WordPress website using elementor pro?

[levelxgamingyt]

Thanks a lot.

I watched video and copied in 1.5 hour 😁😂.
Thanks again

[Caoem]

how does it work with the drag-and-drop touch screen?

[CarlosDavidCorreaSantillan]

Lo quise implementar en mi blog de blogger pero parece que la plataforma no acepta algunos códigos, se veía horrible 🥲Gracias igual

[hackerprime]

wow this is nice. Can this be retrofitted/modified to be used with images instead?

[shantisaru]

In this 📹 video, Which Screen Recorder did you used ??

[xochitlalejandraguzmanaren]

el codigo lo intento poner en un proyecto y parece como si fuera footer

[mayorca_institute]

How can I send a direct message to you.... I need a favor please... I can't find any email on your website

[yassineoubaali]

Can you give me the source code for this explanation because it is not on your site