DIV 요소의 특정 스크롤바 스크롤

나이나 카푸어

스크롤바가있는 div 요소가 있습니다.이 스크롤바를 상단 또는 하단의 일부 이벤트에서만 스크롤하고 싶습니다.

<div id="scroll_box" style="height:300px; overflow:auto;">
 <pre>
  Top
  .
  .
  .
  .
  .
  .
  .
  .
  .
  .
  Bottom
 </pre>
</div>
<button id="go_top">Top</button>
<button id="go_bottom">Bottom</button>

내가 이동하는 주요 스크롤 (창) 싶지 않는

내가 시도

$('#scroll_box').animate({scrollTop: $("#scroll_box").offset().top},"fast");
$('#scroll_box').animate({scrollBottom: $("#scroll_box").offset().bottom},"fast");

초심자, 여기에서 처음 검색 한 다음 코드를 맞춰보세요

로리 맥 크로 산

에 잘못된 값을 사용하고 scrollTop있으며 scrollBottom존재하지 않습니다. 또한 click각 버튼 이벤트에 이러한 명령문을 첨부해야 합니다. 그렇지 않으면로드시 실행되고 서로 취소됩니다. 이 시도:

$('#go_top').click(function() {
    $('#scroll_box').animate({scrollTop: 0 },"fast");
});
$('#go_bottom').click(function() {
    $('#scroll_box').animate({scrollTop: $("#scroll_box pre").height() },"fast");
});

바이올린 예

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

내 창 스크롤바의 고정 div

분류에서Dev

Python Selenium의 특정 DIV 요소에서 스크롤

분류에서Dev

페이지 스크롤바로 특정 요소 만 스크롤

분류에서Dev

자바 스크립트의 특정 div 스크롤에서 카운터 시작

분류에서Dev

특정 스크롤 후 다른 div 내부의 고정 div

분류에서Dev

div의 특정 픽셀 뒤에 스크롤을 넣는 방법

분류에서Dev

특정 DIV에 스크롤 적용

분류에서Dev

특정 div 태그에 대한 표준 가로 스크롤바

분류에서Dev

스크롤 후 div 수정

분류에서Dev

특정 양의 픽셀에 대한 div 스크롤 : 스크롤 이벤트를 발생시키지 않고 div를 스크롤하는 방법

분류에서Dev

가로 스크롤 div에서 여러 요소의 절대 정렬

분류에서Dev

하위 요소를 스크롤하지 않고 div 스크롤

분류에서Dev

다른 구성 요소의 특정 태그로 스크롤

분류에서Dev

스크롤 후 자바 스크립트 고정 div

분류에서Dev

스크롤의 고정 사이드 바

분류에서Dev

div 스크롤

분류에서Dev

overflow-y가없는 div 내부의 수직 스크롤바 : 스크롤

분류에서Dev

JQuery UI : 스크롤바로 크기 조정 가능한 div

분류에서Dev

스크롤바 스타일 재정의시 Angular Virtual 스크롤 성능 문제

분류에서Dev

고정 크기 스크롤 가능 DIV

분류에서Dev

Div 수평 스크롤바

분류에서Dev

특정 링크를 클릭하여 <div> 표시 및 스크롤

분류에서Dev

스크롤바 뒤의 요소 확장

분류에서Dev

고정 div 내에서 스크롤바로 div 이동

분류에서Dev

고정 div에서 jQuery 무한 스크롤 스크롤

분류에서Dev

HTML div 하단의 스크롤바 포커스

분류에서Dev

스크롤 가능한 div의 가운데 요소

분류에서Dev

div의 무한 요소 (오른쪽 스크롤)?

분류에서Dev

DIV의 긴 UL 목록, LI 요소로 자동 스크롤

Related 관련 기사

  1. 1

    내 창 스크롤바의 고정 div

  2. 2

    Python Selenium의 특정 DIV 요소에서 스크롤

  3. 3

    페이지 스크롤바로 특정 요소 만 스크롤

  4. 4

    자바 스크립트의 특정 div 스크롤에서 카운터 시작

  5. 5

    특정 스크롤 후 다른 div 내부의 고정 div

  6. 6

    div의 특정 픽셀 뒤에 스크롤을 넣는 방법

  7. 7

    특정 DIV에 스크롤 적용

  8. 8

    특정 div 태그에 대한 표준 가로 스크롤바

  9. 9

    스크롤 후 div 수정

  10. 10

    특정 양의 픽셀에 대한 div 스크롤 : 스크롤 이벤트를 발생시키지 않고 div를 스크롤하는 방법

  11. 11

    가로 스크롤 div에서 여러 요소의 절대 정렬

  12. 12

    하위 요소를 스크롤하지 않고 div 스크롤

  13. 13

    다른 구성 요소의 특정 태그로 스크롤

  14. 14

    스크롤 후 자바 스크립트 고정 div

  15. 15

    스크롤의 고정 사이드 바

  16. 16

    div 스크롤

  17. 17

    overflow-y가없는 div 내부의 수직 스크롤바 : 스크롤

  18. 18

    JQuery UI : 스크롤바로 크기 조정 가능한 div

  19. 19

    스크롤바 스타일 재정의시 Angular Virtual 스크롤 성능 문제

  20. 20

    고정 크기 스크롤 가능 DIV

  21. 21

    Div 수평 스크롤바

  22. 22

    특정 링크를 클릭하여 <div> 표시 및 스크롤

  23. 23

    스크롤바 뒤의 요소 확장

  24. 24

    고정 div 내에서 스크롤바로 div 이동

  25. 25

    고정 div에서 jQuery 무한 스크롤 스크롤

  26. 26

    HTML div 하단의 스크롤바 포커스

  27. 27

    스크롤 가능한 div의 가운데 요소

  28. 28

    div의 무한 요소 (오른쪽 스크롤)?

  29. 29

    DIV의 긴 UL 목록, LI 요소로 자동 스크롤

뜨겁다태그

보관