jScrollPane이 클릭으로 맨 위로 스크롤

jScrollPane과 관련하여 약간의 문제가 있습니다. 세로 창 안에 링크 목록을 만들었습니다. 이 링크는 다른 div에 jquery로드를 트리거합니다. 링크 목록을 아래로 스크롤하여 링크 목록을 클릭하면 창을 맨 위로 스크롤하고로드를 트리거하지 않습니다. 스크롤이 이미 상단에있는 경우로드가 정상적으로 작동합니다.jScrollPane이 클릭으로 맨 위로 스크롤

--html-- 
    <div id="projects" class="span-9" style="margin:0 !important"> 
     {% for project in projects %} 
      <a href="project/{{ project.id }}/details"> 
       <div class="left clear" style="width:335px; margin:0 !important; {% if loop.first %} border-top:1px solid #AAA;{% endif %} border-bottom:1px solid #AAA;"> 
        <img src="{{asset(project.thumbnail)}}" class="left" style="width:150px; height:100px; margin:5px 5px 5px 0;"> 
        <span style="font-weight:bold">{{ project.title }}</span><br> 
        {{ project.short }} 
       </div> 
      </a> 
     {% endfor %} 
    </div> 

    <div id="details"></div> 

--js-- 
    $(function(){ 
     $('#projects').jScrollPane(); 

     $("#projects a").live("click", function(){ 
      $("#details").load(this.href); 
      return false; 
     }); 
    }); 

--cs-- 
     #projects{ height: 667px; overflow:auto ;}

왜 이런 일이 벌어지고 있는지 알 수 있습니다.

출처

2012-05-21 Shawn Northrop

는 또한이 MouseDown에서 발생 :) –