vue-virtual-scroll-list icon indicating copy to clipboard operation
vue-virtual-scroll-list copied to clipboard

Set 'page-mode=true', then use 'slot="header"' to set the header if there is content in front of the virtual list. This causes a lot of white space as the list scrolls.

Open sanyeof opened this issue 3 years ago • 0 comments

Describe

Set 'page-mode=true', then use 'slot="header"' to set the header if there is content in front of the virtual list. This causes a lot of white space as the list scrolls.

To Reproduce

Steps to reproduce the behavior:

  1. Set ‘page-mode=true’
  2. Use ‘slot="header"’ to set the header
  3. There's something else in front of the virtual list
  4. Scroll through the virtual list

Then find out reason

I looked at the source code and found that when setting "slotHeaderSize", the content of the virtual list 'slot="header" and the size of the content before the virtual list are mutually exclusive. That is, the width and height of one of them overrides the width and height of the other, resulting in a scroll error and lots of blank space.

Other

  • Version [e.g. 2.0]
  • Browser [e.g. chrome,]
  • Platform [e.g windows]

sanyeof avatar Aug 19 '22 09:08 sanyeof