>source

사용자가 컨테이너 내에서 화면을 둥글게하는 데스크톱처럼 아이콘을 드래그 할 수있는 데스크톱과 같이 작동 한 다음 Windows를 열려면 클릭하십시오. IM이 항상 아이콘을 보관하고 있으므로 사용자가 브라우저 크기를 수직으로 줄이면 아이콘이 바닥에서 사라지지 않습니다.

ive가 수평으로 작동하므로 브라우저 너비가 줄어들면 아이콘이 창으로 이동하여보기에 머물러 있지만 브라우저의 높이가 조정되면 세로로 작업 할 수 없습니다 (아이콘이 드래그되면)

아래의 예제를 참조하고 스 니펫을로드하고 전체 화면으로 봅시다 다음 브라우저의 크기를 세로로 조정하고 텍스트는 항상 볼 수 있습니다. 그러나 텍스트를 이동 한 다음 브라우저의 크기를 조정하면 브라우저로 이동하는 것이 아니라 어디에 있지는지가 있습니다.

$(function() {
  $(".drag-me").draggable({
    containment: "window",
    stop: function(e, ui) {
      var perc= ui.position.left /ui.helper.parent().width() * 100;
      ui.helper.css('left', perc+ '%');
    }
  });
});

.drag-me {
 font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 16px;
  position: absolute;
    cursor: pointer;
    top: 20% ;
    left: 50% ;
    width:50px;
    }

<script src="//code.jquery.com/jquery-1.10.2.js"></script><script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script><div class="drag-me">  <span>Drag me around!</span></div>

DRAGGABLE 객체를 DIV에 바인딩 할 수 있습니까? 그렇다면 전체 사이트 부모 컨테이너를 만드는 옵션은 무엇입니까?

Dev2021-09-17 12:25:25

웹 사이트에서 아이콘에서 작업하는 IM은 실제로 Divs에 있으며 컨테이너에 있으며 Ive는 단순화 된 버전을 여기에서 사용했습니다. 위의 JS에서 다음 code는 수평 브라우저 크기 조정을 위해이를 달성하는 방법이므로 수직 크기 조정을 위해이를 달성하기 위해이 code 라인을 수정하는 방법을 희망하는 방법입니다. STOP : 기능 (e, ui) {var perc= ui.position.left /ui.helper.left /ui.helpeparent (). 너비 () * 100; ui.helper.css ( 'left', perc+ '%'); }

gjjr2021-09-17 12:30:18

ViewPoint가 변경된마다 Div의 중간에 드래그 할 수있는 개체를 다시로드 할 때마다 Viewpoint가 변경 될 때마다 ViewPoint가 변경 될 수 있습니다.

Dev2021-09-17 12:34:01
  • 이전 Ionic 4, Firebase-X 및 FCM 푸시 알림 액션 버튼
  • 다음 python : 제발, 오류는 무엇입니까? : sqlite3.ProgrammingError : 부정확 한 바인딩 수가 제공됩니다. 현재 명령문은 5를 사용하고 8 개의 제공됩니다.