daybrush / infinite-viewer

Infinite Viewer is Document Viewer Component with infinite scrolling.
https://daybrush.com/infinite-viewer/
MIT License
283 stars 30 forks source link

실례합니다. 스벨트용 인피니티 뷰를 써보고 싶은데.. 삼일동안 시도했는데 데모를 못만들겟습니다 #53

Open path-of-reason opened 1 year ago

path-of-reason commented 1 year ago

스벨트에서는 컴포넌트 내부의 css를 css이름으로 접근할수가 없어서 내부의 css를 조작하지 못하고 있습니다. 예제대로 따라하면 css가 형성되지 않아 스크롤 이벤트가 작동하지않고.. 사용할 수 있는 방법을 알수있을까요? 감사합니다.

daybrush commented 1 year ago

@kogoome

안녕하세요. 아쉽게도 class 이름은 글로벌로 설정해야 합니다.

:global(.class-name) {
}
<InfiniteViewer className="class-name">
</InfiniteViewer>
daybrush commented 1 year ago

@kogoome

이 데모를 확인해보세요.

https://stackblitz.com/edit/vitejs-vite-p14cgg?file=src%2Flib%2FCounter.svelte,src%2FApp.svelte&terminal=dev

path-of-reason commented 1 year ago

@daybrush 확인했습니다. 잘됩니다. 감사합니다~~!