콘텐츠가없는 경우 스크롤 중지

div에 콘텐츠가 더 이상 남아 있지 않으면이 스크립트가 스크롤을 멈추게하려면 클릭합니다. 이 사업부가 보여 더 이상 콘텐츠가 없지만 오른쪽으로 스크롤 유지, FIDDLE 콘텐츠가없는 경우 스크롤 중지

데모에서 :

$(document).ready(function() { 
    $("#right").click(function() { 
     var leftPos = $('.DivDataMain').scrollLeft(); 
     $(".DivDataMain").animate({scrollLeft: leftPos + 250}, 800); 
    }); 

    $("#left").click(function() { 
     var leftPos2 = $('.DivDataMain').scrollLeft(); 
     $(".DivDataMain").animate({scrollLeft: leftPos2 - 250}, 800); 
    }); 
});

이

데모 링크입니다. 나는 그것을 멈추고 싶다.

미리 감사드립니다.

출처

2014-07-05 Anonymous

당신의 바이올린은 실제로 작동하지 않지만 텍스트를 포함하는 요소에 고정 너비를 설정하는 것을 보았습니다 : 'width : 90000px;'. 즉 콘텐츠의 길이가 90000px보다 작거나 크더라도 thediv는 항상 90000px – rcorrie

입니다. 따라서 고정 위치와 너비 값을 설정하지 않고 작동하게하려면 어떻게해야합니까? –

방금 아래 질문에 답변했습니다 :) – rcorrie

#midleBody 요소에 white-space: nowrap을 추가하고 width: 90000px을 제거해야합니다.

요소의 너비가 고정되어 있기 때문에 자바 스크립트가이를 감지하고 끝까지 계속 이동합니다. 대신 요소 내부의 텍스트에 따라 요소를 동적으로 조정해야합니다 (즉, white-space:nowrap).

출처

2014-07-05 15:18:03 rcorrie

안녕하세요, 제 코드를 수리 해 주실 수 있습니까? html 코드에 넣으면 매우 나쁩니다. 난 그냥 피들 썼다 및 좋은 것처럼 보이지만 html 파일을 이동할 때, 나는 바로 div가 중간 div에서 멀리 떨어져 있도록 오른쪽 위치가 "right is 0"이라는 것을 알고 있습니다. 내가 무슨 말하는지 이해했으면 좋겠어. –

'right : 0' 제거는 트릭을해야합니다 – rcorrie

아니요, 작동하지 않습니다. 여기에 내가 데모 피들을 업데이 트 .. http://jsfiddle.net/Alkasih/UHmJ2/4/ 내가 마차와 여백이 80 %이고 이제는 신체의 중심에 모든 div를 배치하도록 자동으로 원한다. 하지만 요점은 왼쪽 div와 오른쪽 div가 중간 div가 아닌 버튼으로 작동하기를 원합니다. –

콘텐츠가없는 경우 스크롤 중지

답변

관련 문제