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