Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@loadingio/vscroll
Advanced tools
Remove elements that are not near visible regions while maintain the scroll bar height and position.
Readme
Remove elements that are not near visible regions while maintain the scroll bar height and position.
Reflow is expensive especially when there are too many elements in webpage. By only inserting elements in visible ranges, we can effectively limit the amount of elements.
This is designed to be an alternative or replacement for Clusterize.js
. The reason for making an alternative is because Clusterize.js
uses GPL License and you have to purchase license for commercial use, thus is not suitable as a fundamental dependency of other open source projects.
npm install --save @loadingio/vscroll
include required js file:
<script src="path-to-dist/index.js"></script>
initialize by passing the container element:
vs = new vscroll.fixed({root: mycontainer});
vs.update!
You can update child elements just as if it is a regular DOM element. Just remember to call update
after:
vs.insertBefore(newNode, vs.childNodes[0]);
vs.removeChild(vs.childNodes[vs.childNodes.length - 1]);
vs.update();
Please note that:
update
, otherwise we can't correctly calcualte its diemsion.Also, update
may still take a long time if there are many children since it scans all children to determine line height and row count. Even a simple getBoundingClientRect
takes quite long.
Thus, pass an optional probe-len
option to limit the size of test set of children:
vs.update(30);
probe-len
should at least larger than the count of child in a row, but may need a longer length if children's position may be different ( e.g., in a flexbox ) when there are not enough amount of children.
You can always re-calculate the content to be shown by calling locate()
:
vs.locate();
vscroll
(plans to) provides different types of virtual scroller, based on how they handle scroll events and manage DOM elements.
Only attach elements that are near visible region of the container. Expect following conditions:
A dummy scroll wrapper. No virtualization, reflects DOM operations directly to root
.
MIT
FAQs
Remove elements that are not near visible regions while maintain the scroll bar height and position.
The npm package @loadingio/vscroll receives a total of 3 weekly downloads. As such, @loadingio/vscroll popularity was classified as not popular.
We found that @loadingio/vscroll demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.