thm/line-and-surface
1
0
Fork 0
Code Issues 17 Pull requests Projects Releases Packages Wiki Activity

add optimizeSpeed image-rendering attr, formatting

Browse source
This commit is contained in:
Tomáš Mládek 2021-01-09 21:00:30 +01:00
parent 4531d12671
commit fee57e4b3b
1 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/src/components/VideoScroll.vue
View file

@ -36,11 +36,11 @@ export default defineComponent({
onMounted(() => {
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach((entry) => {
if (entry.isIntersecting){
if (entry.isIntersecting) {
const element = entry.target as HTMLImageElement;
element.src = element.dataset.src!;
}
})
});
}, {rootMargin: "100px"});
Array.from((root.value as Element).children).forEach((el) => {
observer.observe(el);
@ -84,9 +84,6 @@ function getMeta(url: string): Promise<HTMLImageElement> {
<style scoped>
.video-scroll img {
position: absolute;
}
.initial {
background: red;
image-rendering: optimizeSpeed;
}
</style>