search

rintoj / ngx-virtual-scroller

Virtual Scroll displays a virtual, "infinite" list.
https://rintoj.github.io/ngx-virtual-scroller
MIT License
979 stars 295 forks source link

Parent scroll overlapping content below when set to window #472

Open tmk1991 opened 4 years ago

tmk1991 commented 4 years ago

Setting of the parentScroll to be scroll.window causes scroller to push over content below. Same thing happens on the demo to the footer.

I believe it has to to with scroll-content being absolute css styled.

lucmolinari commented 3 years ago

hey @tmk1991 , have you found any workaround for this issue?

rsouthgate commented 3 years ago

I was looking in to this as well and found that if there was content blow that needed to be below (eg a footer) when used with parent scroll the layout could be achieved if the .total-padding used height instead of transform(scaleY) and was not positioned absolutely. Would it be possible to add an option to the virtual scroller to use height instead of translate - similar to the margin instead of translate option?

Screen Shot 2021-08-20 at 9 32 51 AM

Using height would be an alternative to the PR https://github.com/rintoj/ngx-virtual-scroller/pull/482 where height is exposed and set on the virtual scroller parent

nfMalde commented 2 years ago

Is there a way to implement this workarround currently or is there another workarround? (e.g. an directive)

Struggling with this problem too.