2015-06-08 3 views
0

Мне нужно сделать переход div из его исходного положения в новое положение с помощью jQuery, но после взаимодействия div с ним он прокручивается по всей странице. Я просто хочу, чтобы ДИВ двигаться из точки А в точку Б, и остановка в точке В.Div перемещается по экрану вместо остановки в указанной точке

var main=function() { 

$('.sun').animate({ 

left:'10px' 

},800); 

} 

$(document).ready(main); 

ответ

0

Привет код, кажется, работает нормально: http://jsfiddle.net/55aLmvn5/1/

.sun { 
    position:relative; 
    width: 100px; 

} 

Это то, что я использую для CSS чтобы убедиться, что div не распространяется на 100%. Я думаю, что ваш div является стандартным размером блока, поэтому прокрутка.

+0

.sun { \t background-color: # FFA93B; \t высота: 50px; \t ширина: 50px; \t позиция: абсолютная; \t border-radius: 50px; \t верх: 50%; \t левый: 50%; \t \t box-shadow: 0px 0px 40px # FFCE90; \t \t} Это мой css и все еще div, кажется, перемещается в конец экрана –

+0

Спасибо, что понял. Есть ли способ проследить путь div как заставить его двигаться по фиксированному пути. –

+0

@ RakeshRenzous - вам, вероятно, понадобится плагин для этого, если вы не будете хороши с математикой. jquery.path может быть хорошим началом для вас - https://github.com/weepy/jquery.path – JSess

Смежные вопросы