简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
마우스를 잡고 끌면서 터치 스크롤을 시뮬레이션하는 방법은 무엇입니까?
P粉071626364
P粉071626364 2023-08-26 13:40:28
0
1
400
<p>다음은 제가 하려는 작업에 대한 최소한의 예입니다.</p> <p><br /></p> <pre class="brush:html;toolbar:false;"><!doctype html> <html lang="ko"> <머리> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <스타일> #상자 { 배경색: 빨간색; 너비: 200px; 높이: 250px; 오버플로-x: 숨김; 오버플로-y: 스크롤; 커서: 잡아; } #박스 div { 배경색: 파란색; 여백: 30px; 너비: 100px; 높이: 100px; } </스타일> </머리> <본문> <div id="box"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </body> </html></pre> <p><br /></p> <p>휴대기기를 사용하는 경우 <code>#box</code>를 터치하고 위나 아래로 드래그하여 스크롤할 수 있습니다. 그러나 데스크톱 브라우저를 사용하는 경우 스크롤 막대나 마우스 휠을 사용해야 합니다. </p> <p>잡은 다음(예: 왼쪽 마우스 버튼을 누른 채) 위나 아래로 드래그(예: 마우스 이동)하여 스크롤을 활성화하려면 어떻게 해야 합니까? CSS만 사용하여 이 문제를 해결할 수 있나요? </p>
P粉071626364
P粉071626364

모든 응답(1)
P粉714780768
P粉7147807682023-08-27 00:26:34 1층

이 문제는 CSS만으로는 해결할 수 없지만, 자바스크립트를 사용하면 해결할 수 있습니다. 수평 및 수직 모두 작동하는 구현을 만들었습니다. 스크롤 속도를 변경할 수도 있습니다.

으아악 으아악 으아악
좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！