2017-04-14 1 views
-1

私はflickrのウェブサイトのようなログインページを作りたいと思う。私は彼らがどのようにそれを設計したかを学ぼうとしました、そして、結論はdivオートスクロールを作ったということでした。私の質問は、ページの読み込み時に自動的にdivをスクロール可能にする方法です。そして同じデザインを実現するための他の方法があれば、それを共有してください。私はFlickrのが何であるか知らないが、これはsitepointののdiv curtesyをスクロール自動でflickrのようなdivオートスクロールを作る方法ホームページ

答えて

-1

https://www.sitepoint.com/community/t/auto-scrolling-a-div-with-overflow-scroll-auto/2291私はあなたが探しているものにこれを曲げるのに十分な簡単だろうと想像、それは水平など作る

<body> 
 
<div id="ecran" style='overflow:auto;width:200px;height:200px;border:solid 1px green;'> 
 
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
 

 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
 

 
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> 
 

 
</div> 
 

 
\t 
 
<script type='text/javascript'> 
 
function ScrollDiv(){ 
 

 
    if(document.getElementById('ecran').scrollTop<(document.getElementById('ecran').scrollHeight-document.getElementById('ecran').offsetHeight)){-1 
 
     document.getElementById('ecran').scrollTop=document.getElementById('ecran').scrollTop+1 
 
     } 
 
    else {document.getElementById('ecran').scrollTop=0;} 
 
} 
 

 
setInterval(ScrollDiv,50) 
 
</script> 
 
</body>

+0

ありがとうございます。このコードをjqueryに書いてください。それで、理解しやすくなります。私はあなたの助けに感謝します。 – Alex

関連する問題