크롬에서 드래그 할 때 목록 항목이 점프하지 않게하려면 어떻게해야합니까?

Question

저는 두 개의 UL을 사용하고 있으며 자바 스크립트를 사용하여 가로로 스크롤하지만 목록간에 항목을 드래그하면 약 10-20 px 정도 이동합니다. 크롬에서는 발생하지만 파이어 폭스에서는 발생하지 않습니다. 문제는 UL Li를 부동 상태로 설정할 때 크롬에 고정되어 있습니다 : 왼쪽이지만 파이어 폭스에서 모든 것이 깨집니다 (목록은 한 줄에 머물러 있지 않습니다). 도움! 여기

는 웹킷/크롬에서 열고 파이어 폭스하십시오, 웹 페이지의

http://www.senseculture.com/timeline_new.html

내가 드래그를 위해 사용하고 코드입니다 :

<script> 
    $(function() { 
     $("#sortable1, #sortable2").sortable({ 
      connectWith: ".timeline_content" 
     }).disableSelection(); 
    }); 
</script> 

Answer 1

어디 크롬 문제처럼 보인다 Firefox와 다른 기본 CSS 속성을 처리합니다. (약간 이상이 있지만) 나를 위해 일한

$(function() { 
     $("#sortable1, #sortable2").sortable({ 
      connectWith: ".timeline_content", 
      placeholder: "timeline-placeholder" 
     }).disableSelection(); 
    }); 

다음 스타일 :

.timeline-placeholder { 
    display: inline !important; 
    padding: 0 99px; 
    width: 2px; 
} 

쉽게 그 placeholder 스타일을 할 수 있습니다 - 당신은 placeholder에 클래스를 추가 할 수 Selectable에 옵션을 전달할 수 있습니다

나는 일반적으로 !important/그 사용을 제한 할 필요가 없다. 그러나 placeholder의 기본 동작은 덮어 써야하는 display: block으로 설정되어야한다.

편집 : 문제의 해결책은 하나만 발견되었지만 원인은 알 수 없습니다. 어떤 속성이나 속성 조합이 그 원인인지 알 수 있습니다.