> 웹 프론트엔드 > JS 튜토리얼 > scroll.js를 캡슐화하여 스크롤 막대의 값을 얻는 방법

scroll.js를 캡슐화하여 스크롤 막대의 값을 얻는 방법

不言
풀어 주다: 2018-07-14 15:38:17
원래의
1511명이 탐색했습니다.

이 글은 주로 scroll.js를 캡슐화하여 스크롤 막대의 값을 얻는 방법을 소개합니다. 특정 참조 값이 있으므로 이제 필요한 친구들이 참조할 수 있도록 공유합니다.

function Obj(){}

Obj.prototype={
 
    scroll:function(){

     /*
      主要是做兼容处理
    
     这里必须时!=null 因为默认值和每次滚动的时侯  都可以值为0
     但是 if(0)为假  所以就只要不为null 就执行
                                                              */
     if(window.pageYOffset!=null){
         /*IE9 和其他标准浏览器*/
   return  {
       left:window.pageXOffset,
       top:window.pageYOffset
   }
   

   }
    /*声明了<!DOCTYPE html> */
  else if(document.compatMode=="CSS1Compat")
{

  return{
       left:document.documentElement.scrollLeft,
       top:document.documentElement.scrollTop

    }  

 }

else{

   return {
      left:document.body.scrollLeft,
      top:document.body.scrollTop

    }    

}


   }

}var obj=new Obj();
로그인 후 복사

위는 전체 내용입니다. 이 기사가 모든 분들의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목해 주세요!

관련 권장 사항:

Vue의 객체에 대한 속성이 음수가 아닌 정수인 문제를 해결하는 방법

node.js를 사용하여 baidu-aip-SDK를 호출하여 ID 카드 인식 기능을 구현하세요

위 내용은 scroll.js를 캡슐화하여 스크롤 막대의 값을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿