react-component / react-component/virtual-list

增加一个autoHeight的例子,就是不限制高度,滚动使用浏览器的滚动条,信息流模式的网站,如果设置了固定高度,浏览器内也有滚动条了

Open
#62 4 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
814
Forks
171
Avg merge
1h 3m
Merged PRs (30d)
3

Description

如题,现在新版的新浪微博用的是 vue,他也用了 virtual-list 这种功能,主体内容部分不需要设置固定的高度,还是使用浏览器的滚动条,信息流区域没有自己的滚动条。

和这个功能类似:https://bvaughn.github.io/react-virtualized/#/components/WindowScroller
还有这个:https://bvaughn.github.io/react-virtualized/#/components/Masonry 不过要勾选里面的一个选项 Use WindowScroller?

为啥不直接用上在的库呢,他太大了,想要个轻量的,希望可以采纳。

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by comparing the requested behavior with the linked react-virtualized WindowScroller and Masonry examples, then inspect the virtual-list entry point. Done means an autoHeight mode can avoid a fixed list height and use the browser scrollbar while preserving the information-flow layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.