Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to bind this to the window and not a containing box? #35

Closed
j-d-carmichael opened this issue Jan 9, 2021 · 1 comment
Closed

How to bind this to the window and not a containing box? #35

j-d-carmichael opened this issue Jan 9, 2021 · 1 comment

Comments

@j-d-carmichael
Copy link
Contributor

j-d-carmichael commented Jan 9, 2021

This component seems to be restricted to placing the content within a container within the main window.

I am trying to achieve a virtual scroll affect similar to Pinterest where the window scrolls and not the containing box.

Using this component, when setting the container to be large enough to house all the components this directly affects the items rendered.. eg setting the count to 1000, the column count to 8 but the overall container height 30000 results in the browser just rendering all the components within the 30k px window height, which is all 1000 items.

Is there a way to achieve this with vue-virtual-collection @starkwang ?

@j-d-carmichael
Copy link
Contributor Author

#36

By using the scroll events and the header slot from this PR you can get an effective "page mode"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant