답변 4개
채택된 답변
+20 포인트
6년 전
제이쿼리로 가능합니다. 아래 예제 응용하시면되겠네요
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
그누보드초보이용자
6년 전
위아래는 해보겠는데 좌우로는... 좌우 값이랑.. 보내는 법을 모르겟어서요..
댓글을 작성하려면 로그인이 필요합니다.
미니님a
Expert
1년 전
</p>
<p><!DOCTYPE html></p>
<p><html lang="en"></p>
<p><head></p>
<p> <meta charset="UTF-8"></p>
<p> <meta name="viewport" content="width=device-width, initial-scale=1.0"></p>
<p> <title>Document</title></p>
<p> <style></p>
<p> *{margin: 0; padding: 0;}</p>
<p> ul{list-style: none; display: flex; overflow-x: scroll; width: 20%; }</p>
<p> </style></p>
<p> <script src="<a href="https://code.jquery.com/jquery-latest.min.js"></script>" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-latest.min.js"></script></a></p>
<p> <script></p>
<p> $("document").ready(function(){</p>
<p> $(".list").scrollLeft($(".list")[0].scrollWidth);</p>
<p> })</p>
<p> </script></p>
<p></head></p>
<p><body></p>
<p> <ul class="list"></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> <li>Lorem ipsum dolor sit amet.</li></p>
<p> </ul></p>
<p></body></p>
<p></html></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인