UI-Draggables가 컨테이너와 함께 이동합니다.

a single page site (배경이 고정 된 상태로 모든 브라우저에서 작동하지 않는 것으로 보입니다). 나는 동전을 몇 개 가지고 있는데, 사용자가 끌고 다니길 원한다. (접시에 떨어 뜨리면 음악이 재생된다.) 문제 : 사용자가 사이트를 스크롤하면 마우스를 기준으로 위치가 변경됩니다. 왜냐하면 스크롤되는 부분을 보유하고있는 동일한 컨테이너에 추가되기 때문입니다. 그들의 위치는 고정되어 있지 않습니다.UI-Draggables가 컨테이너와 함께 이동합니다.

나는 (위치 : 고정 된) 컨테이너에 구멍 물건을 감싸고 동전을 붙이려고했지만 스크롤이 작동하지 않습니다. 어떻게 그런 일을합니까? 사전에

감사합니다, 세바스찬

출처

2012-02-01 Sebastian Starke

당신의 동전 위치로 개체를 설정 : 상대; 위쪽과 왼쪽을 설정하십시오. 이것을 시도하십시오 :

#coin3{ 
position:relative; 
left: -16px; 
top: -5143px; 
}

그건 그렇고, 좋은 디자인과 아이디어! 나는 그 득시글 한 뿔을 좋아한다. :)

출처

2012-02-01 21:30:51 Miro

이렇게하면 동전이 종이와 함께 움직입니다. 그러나 그들은 테이블 위에 있어야합니다. 임 씨는 사이트가 마음에 들면 정말 기쁩니다. 그것의 나의 첫번째 자신의 webdesign. –

방금 확인한 결과 작동합니다. bg 이미지를 고정으로 설정하십시오. 배경 : # 111 url (../ img/bg.jpg) ** fixed **; – Miro

대단히 감사합니다! 나는 고정 된 배경을 시도하지 않았다. 왜냐하면 나는 그렇게 생각하지 않았기 때문이다. 나는 배경 그림을 위해서 다른 컨테이너를 만들려고했다. 그게 바보 같아요. –

html,body에 대한 CSS에 overflow: auto이 문제의 원인입니다. 이 줄을 제거하면 동전이 예상대로 작동합니다.

물론 배경이 다시 스크롤됩니다.

출처

2012-02-01 22:26:21

예, 물론 배경은 여전히 유지되어야합니다. –

배경이 고정되면 두 가지 해결 방법이 모두 제대로 작동하는 것 같습니다. 고마워요! –

UI-Draggables가 컨테이너와 함께 이동합니다.

답변

관련 문제