나는 오늘 뭔가를 얻었다. 페이지는 원래 수평이어서 하단에 수평 스크롤 막대가 있었고 스크롤 막대가 수직으로 없었습니다. 이제 마우스 풀리는 왼쪽과 오른쪽을 스크롤해야하며,이를 구현하려면 JS 코드를 작성해야합니다. 나는이 과정을 작성하는 데 많은 어려움을 겪었습니다.
IE Firefox Chrome의 3 개 브라우저에서 지원하는 기능은 완전히 다르므로 미쳤습니다.
설명해야 할 몇 가지 지식이 있습니다
풀리 이벤트를 모니터링합니다
IE : OnMousewHeel
Firfox : Dommousescroll
크롬 : Mousewheel
아아, 말이 없다
스크롤 리턴 값도 다릅니다
Firfox는 세부 사항으로 +-3을 반환합니다
다른 사람들은 Wheeldelta를 사용하여 +-120을 반환합니다
스크롤 방향을 결정하는 반환 값이 있습니다.
Chrome 판단 페이지 왼쪽 이동 외에도 Document.DocumentElement.scrollleft는 일반 브라우저에 사용됩니다.
그러나 Chrome 브라우저는 document.body.scrollleft를 사용해야합니다
자, 코드는 다음과 같이 공유됩니다.
<! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/<title> 제목이없는 문서 </title> <body> <jav "> <test"> <test "> <test"> dbody = docut objaddevent (dbody, 'mousewheel', function (e) {return mouse_scroll (e);}) 함수 mouse_scroll (e) {e = e || wind // 비 초간 브라우저에 이것을 사용하십시오 // 크롬 브라우저에 이것을 사용하십시오 if (document.documentElement.scrollleft == 0) document.body.scrollleft+= move_s; return;} // 이것은 객체 함수에 모니터링 메소드를 추가하는 함수입니다. objaddevent (oele, SevenName, fnhandler) {if (oele.attachevent) oele.attachevent ( 'on'+SeventName, fnhandler); else oele.addeventListener (SevenName, fnhandler, false); </script> </body> </html>실제로이 코드에는 문제가 있습니다. 크롬 브라우저에서는 마우스 만 그 회색으로 미끄러질 수 있습니다. 이 문제를 해결하지 못했습니다. 그 전문가가 그것을 해결한다면, 당신은 나에게 알려주는 메시지를 남길 수 있습니다. 감사합니다.