search

DominikSerafin / vuebar

(🗃️ Archived) Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on https://ggather.com
https://github.serafin.io/vuebar/
MIT License
648 stars 77 forks source link

Absolute positioned items within 'v-bar' are fixed and do not scroll #73

Closed alucidwolf closed 5 years ago

alucidwolf commented 5 years ago

I am building a website viewer and control bar, using this tool for the scrolling area of the website.

Some sites have absolute positioned navigation elements over a carousel, so the navigation does not scroll with the rest of the page, but instead acts as a fixed element.

I took one of your fiddles and modified it for a visual here: http://jsfiddle.net/theBDank/c9ofytu5/4/

Have you or anyone else experience this and have a possible workaround?

BEST Vue plugin for scrolling by far from what I have seen. Cheers!

DominikSerafin commented 5 years ago

Hi @alucidwolf, I'm glad you like Vuebar =)

Your issue is probably related to Vuebar styling its first element using position: relative, which is needed for its functionality.

I quickly looked through your fiddle and I think it can be fixed by wrapping elements inside with another element also with position: relative; - http://jsfiddle.net/05t79be4/