원본 코드




    
    <meta charset="utf-8"/>

<script>
    function goScroll(a){
        var space=document.getElementById(a).offsetTop;
        document.getElementById(a).style.top=space+'px';
        var goTo =0;
        window.setInterval(function(){
            var height=document.documentElement.scrollTop+document.body.scrollTop+space;
            var top=parseInt(document.getElementById(a).style.top);
            if (height!=top) {
                goTo=height-parseInt((height-top)*0.9);
                document.getElementById(a).style.top=goTo+'px';
            }
        },50);
    }
    function init(){
        goScroll('conl');
    }
</script>
<style>
    #conl{
        background-color: gray;
        left: 0px;
        top: 100px;
        width: 100px;
        height: 100px;
        position: absolute;
        z-index=1;
    }
    body{
        height: 8000px;
    }
    
</style>

<div id="conl"> </div>


</code></pre> 
 <h1> </h1> 
 <h2>1.</h2> 
 <p>offsetTop :<br/>  .<br/>  . style.top .<br/> scrollTop: ． ， ．<br/> document .documentElement.scrollTop;  ， ：<br/>  ： document .body.scrollTop;<br/>  </p> 
 <blockquote> 
  <p>document.body.scrollTop document.documentElement.scrollTop , JS ， ：chrome document.documentElement.scrollTop！<br/>  ， （ docType） ， documentElement.scrollTop ， chrome firefox ， ， ，chrome document.body.scrollTop. ，document.body.scrollTop document.documentElement.scrollTop ， scrollTop ？ JavaScript ？ 。 document.body.scrollTop document.documentElement.scrollTop ， 。 document.body.scrollTop ，document.documentElement.scrollTop 0； 。 ， scrollTop ， ：<br/> var sTop=document.body.scrollTop+document.documentElement.scrollTop;<br/>  0， scrollTop 。 ， 。</p> 
 </blockquote> 
 <h2>2.parseInt()</h2> 
 <p>parseInt(string, radix)<br/> radix， ， 2 、8 、10 、16 。 2~36， JS ， 10 。<br/>   2   36，  parseInt()   NaN。</p> 
 <h2>3.setInterval</h2> 
 <p> ：<br/> setInterval(function(){trace(" 1 ")},1000);<br/> // function(){} 。 ， 1000 ， 。</p> 
 <h2>4.alert(typeof(top));</h2> 
 <p> </p> 
 <h2>5. </h2> 
 <p>==  === !=  >  =  <= </p> 
 <h2>6. </h2> 
 <p>function back(){<br/> document.documentElement.scrollTop = document.body.scrollTop =0;<br/> }</p> 
</article>
                            </div>
                        </div>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다