jquery에서 아래로 스크롤하는 방법

사용자가 작성해야하는 질문 목록이 있습니다. 예 또는 아니오 유형의 질문은 선택되는 것에 따라 다른 질문 번호로 이동할 수있는 질문입니다. 예를 들어 라디오 버튼의 질문.jquery에서 아래로 스크롤하는 방법

결혼 생활을하고 있습니까? 예 없음

나는 응답이 '예'경우 질문 번호 10 번 이 코드 샘플은 정확한 질문 번호에 저를 복용하지 않을 경우 2 번에 의문을 스크롤하려면 $ ('body,html').animate({scrollTop: $("#"+anyQuestionId).offset().top}, 1000);

어떻게 이것을 jquery에서 수행 할 수 있습니까? 여기

출처

2016-12-28 LL Janneh

고유 한'id' 속성으로'div'를 만들고 왜 현재 질문의 텍스트를 그 요소에 쓰려고하지 않습니까? 그런 다음 방문자가주는 대답에 따라 jQuery를 사용하여 다음 질문을 선택하고 'div'의 내용을 지우고 해당 질문의 텍스트를 작성하십시오. 나는 스크롤이 항상 성공할 것이라고 생각한다. 따라서 특정 엘리먼트 내에서 텍스트를 쓰고 지우는 것이 좋다. – Bobulous

JSFiddle에서 샘플 코드를 제공해 주시겠습니까 –

이 질문에 대답하기 위해 더 많은 정보가 필요합니다. 다음은 작동하는 샘플 피들입니다 (https://jsfiddle.net/sx0dg8nt/).하지만 더 이상 상황이 없으면 잘못된 점을 알 수있는 방법이 없습니다. 이미 다른 사람들이 말했듯이; 포함 된 코드 줄이 올바른 것처럼 보이므로 문제는 코드의 다른 부분에 있어야합니다. –

변경해야 할 유일한 것은 scrollTop의 값입니다. 스크롤을 오프셋 할 픽셀 수를 단순히 더하거나 뺄 수 있습니다. 예 :

$('html, body').animate({ 
     scrollTop: $("#"+anyQuestionId).offset().top + 50 
}, 1000);

다음은 예입니다. 첫 번째 요소를 클릭하면 일반적으로 50 픽셀을 스크롤합니다. 이 도움이

https://codepen.io/simsketch/pen/JbQQML

희망!

출처

2016-12-28 13:33:04

당신이 선택되었다 내용을 확인하려면, 당신은 당신이 반응 할 필드의 이벤트 핸들로 넣을 수 있습니다 Simple jQuery scroll to anchor up or down the page...?

예를 들어 작업을 함께하며이 당신이 값을 확인할 수 있습니다 처리하고 만약 당신이 원하는 것은 당신이 그렇지 않으면 스크롤하지 않을 것이지만, 현명하게 그것에 대해서 생각해 보라. (당신이 선택한 것은 무엇이고 그것은 사용자를 위해 너무 짜증나지 않을 것이다.)

출처

2016-12-28 13:23:56 user1097772

은이 같은 라디오 버튼 클릭 이벤트를보고 캡처해야합니다 : 여기

$('.radio input').on('click', function(el){ 
    console.log($(this).prop('checked')) 
    if($(this).prop('checked')){ 
     $('body,html').animate({scrollTop: $(".red").offset().top}, 1000); 
    } 
})

데모입니다 : http://codepen.io/mkdizajn/pen/ObeepY?editors=1010

HTH, 케이

출처

2016-12-28 13:30:58

jquery에서 아래로 스크롤하는 방법

답변

관련 문제