내가에 배치 된 일부 장난감 div의와 방 DIV를 드롭은, alt text http://i27.tinypic.com/2rwt4t5.jpg취급 스크롤 jQuery를 이벤트 드래그와 바,
장난감이 절대적으로 위치보고 드래그 할 수 방의 벽에와 있습니다. room 컨테이너 div는 고정 된 높이와 높이를 가지므로 룸에는 가로 스크롤과 세로 스크롤이 있습니다. 나는플러그인을 사용하여 DnD를 설정합니다. 나는 그럭저럭 장난감의 끌기를 벽의 끈에 넣을 수 있었지만, 두루마리가있을 때, 구성 요소는 벽을 약간 움켜 쥐고 (벽의 실제 너비까지만) 움직인다.
나는 내가 z-index을 설정하려고 alt text http://i30.tinypic.com/jac19i.jpg
아래와 같이 장난감의 일부만을 보여주고 싶은,하지만 아무런 영향을 미치지 않습니다, 하나는 더 좋은 생각이있다?
실제 코드를보고있는 오버플로가 추측됩니다.이 문제를 해결할 수 있습니까?
'오버 플로우에 필요 hidden'는'div의 toy' 절대적 위치 등의 효과가 없습니다. –
위의 내 대답 참조, 오버플로 : 숨겨진 * 해결책 *해야합니다. – michael
당신은 스크롤바
아래의 예와 함께 작동하도록 scrollTo 플러그인 http://demos.flesler.com/jquery/scrollTo/을 사용 할 수 있습니다 보여줍니다 오버 플로우 : 실제로 당신이 요구하는지 무엇을 하는가 숨겨져. 코드에 문제가 생겼지 만 게시하지 않으면 도움을 줄 수 없습니다!
alt text http://img155.imageshack.us/img155/9594/example1281542227415.png
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example</title>
<style type="text/css">
#container {
background-color:#ddddff;
height:300px;
overflow:hidden;
position:relative;
width:300px;
}
#container .child {
background-color:#ddffdd;
height:50px;
position:absolute;
width:50px;
}
#container .child1 {
left:100px;
top:70px;
}
#container .child2 {
left:270px;
top:170px;
}
</style>
</head>
<body>
<div id="container">
<div class="child child1"></div>
<div class="child child2"></div>
</div>
</body>
</html>
있어 뭔가 절대적으로 방 DIV 봇 위치와 객실 컨테이너 사업부 –