집 > 기사 > 웹 프론트엔드 > 기본 하단 및 가장 오른쪽 div 스크롤 막대의 예

기본 하단 및 가장 오른쪽 div 스크롤 막대의 예

小云云원래의: 2017-12-21 09:38:332415검색

채팅 상자를 표시할 때 고정 상자의 크기는 높이 300픽셀, 너비 50픽셀이어야 합니다. 그러면 채팅 내용이 너비 또는 높이를 초과하면 스크롤 막대가 나타나며, 세로 스크롤 막대가 나타납니다. 최신 콘텐츠를 표시하려면 기본적으로 하단에 위치해야 합니다. 뉴스에서는 일반적으로 가로 스크롤 막대가 가장 왼쪽에 있습니다. 이 기사에서는 p 스크롤 막대의 기본 하단과 가장 오른쪽을 구현하는 예제 코드를 공유합니다. 좋은 참조 가치가 있습니다. 모든 사람에게 도움이 되기를 바랍니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>实现p滚动条默认最底部以及默认最右边</title> 
  <script type="text/javascript" src="jquery文件地址"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $(&#39;#scroll_p&#39;).scrollTop( $(&#39;#scroll_p&#39;)[0].scrollHeight);
  $(&#39;#scroll_p&#39;).scrollLeft( $(&#39;#scroll_p&#39;)[0].scrollWidth);
 });
</script>
<body>


<p id="scroll_p" style="overflow-y:scroll; overflow-x:scroll;width:50px; height:300px; border:1px solid #F00;">
  pCSS5测试内容，欢迎来到pCSS5学习p+CSS技术。大家可以通过pCSS5主站上的所有免费CSS教程足可学会p CSS技术 -如果需要深入系统学习、较短时间达到理想学习效果可参加p+CSS培训班学习。
</p>
</body> 
</html>

이 기사를 읽고 배운 점이 있나요? 서둘러서 사용해 보세요.

기본 하단 및 가장 오른쪽 div 스크롤 막대의 예

관련 기사