Vue2.0 스크롤바 플러그인을 찾을 수 없습니다. JS를 사용하여 스크롤바를 구현하려고 했는데 인터넷에서 스크롤바 구현을 위한 여러 JS 플러그인을 찾았습니다. 어떤 마스터가 스크롤 바코드를 수동으로 작성했는지 묻고 싶습니다. 아니면 관련 블로그가 있나요? 코드도 필요 없고 기본적인 구현 아이디어만 있으면 OK
CSS에 대해서는 이야기하지 않겠습니다. 콘텐츠의 높이를 기준으로 스크롤 막대의 높이를 계산한 다음 스크롤 이벤트가 발생한 후 콘텐츠 요소와 스크롤 막대의 움직임을 확인해야 합니다. 호환성을 위해서는 마우스휠과 터치 이벤트를 고려해야 합니다. 기본적으로 그게 전부입니다.
1. 부동 개체 스타일 위치를 만들기 위해 js를 사용하지 마세요: 고정. 하지만 플로팅 효과는 없습니다. 2. 객체 js는 플로팅 객체 스타일을 절대화합니다. 스크롤 이벤트를 객체에 바인딩하여 객체 위치와 창 상단 사이의 거리를 결정합니다. scrollTop을 사용하여 객체를 이동할 수 있습니다. 이런 방법이 많이 있으니 온라인에서 찾아보세요
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
첫 번째 구조
으아악CSS에 대해서는 이야기하지 않겠습니다. 콘텐츠의 높이를 기준으로 스크롤 막대의 높이를 계산한 다음 스크롤 이벤트가 발생한 후 콘텐츠 요소와 스크롤 막대의 움직임을 확인해야 합니다.
호환성을 위해서는 마우스휠과 터치 이벤트를 고려해야 합니다. 기본적으로 그게 전부입니다.
오래 전에 쓴 글인데 링크 설명만 보시면 됩니다
1. 부동 개체 스타일 위치를 만들기 위해 js를 사용하지 마세요: 고정. 하지만 플로팅 효과는 없습니다.
2. 객체 js는 플로팅 객체 스타일을 절대화합니다. 스크롤 이벤트를 객체에 바인딩하여 객체 위치와 창 상단 사이의 거리를 결정합니다. scrollTop을 사용하여 객체를 이동할 수 있습니다. 이런 방법이 많이 있으니 온라인에서 찾아보세요
jc 스크롤바 플러그인
직접 작성했으니 사용하셔도 됩니다. 궁금하신 점은 연락주세요