특정 div ID의 창을 스크롤하는 방법

Question

이렇게하면 페이지가 끝나게됩니다.
하지만이 div ID 페이지를로드하고 싶습니다.

$('html, body').animate({ scrollTop: $('#win_'+ type).offset().top }, 'slow'); 

<div class="panel panel-default" id="win_1"> </div> 

Answer 1

전체 코드를 제출할 수 있습니까? 나는 당신이 무엇을 성취하고자하는지 확신하지 못합니다.

이렇게하면 페이지가 끝나게됩니다. 하지만이 div id에 페이지를로드하고 싶습니다.

특정 div 요소에 페이지를로드하는 데는 여러 가지 방법이 있습니다.

window.location.hash = '#win_1'; 

$('html, body').animate({ scrollTop: $('#win_' + type).offset().top }, 'slow'); 

또 다른 하나는이 URL에서 가져온 : 그 옆에 작동하지 않는 정말 이상한

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

var element = document.getElementById("win_1"); 

element.scrollIntoView(); 

---

UPDATE. 코드가 다른 코드와 충돌하는 경우가 있습니다. 나는 여러면에서 내 편을 조사했고, codepen과 jsfiddle 위에 체크했다. 코드 예제로 더 많은 정보를 제출하지 않으면 왜 당신 편에서 일하지 않는지 말할 수 없습니다. 는 당신이 시도 할 수있는 아래의 URL에서 좋은 예입니다 :

https://gist.github.com/JosephSilber/3848811

// jQuery plugin to scroll to an element on the page 
// Usage: $('#someElement').scrollTo(); 
// or: $('#someElement').scrollTo(750); 

(function($) 
{ 
    var $window = $(window), 
     $document = $(document), 
     $documentWrapper = $('body, html'); 

    $.fn.scrollTo = function (speed) 
    { 
     if (speed === undefined) speed = 300; 

     $documentWrapper.animate({ 
      scrollTop: Math.min(this.offset().top - 10, $document.height() - $window.height()) 
     }, speed); 

     return this; 
    }; 
}(jQuery)); 

$('#win_1').scrollTo();