Как управлять позицией объекта с помощью jquery?

Пользователь

от akeem , в категории: JavaScript , 8 месяцев назад

Как управлять позицией объекта с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от enid , 8 месяцев назад

@akeem 

Для управления позицией объекта с помощью jQuery можно использовать методы .css(), .position() и .offset().

  1. Метод .css() позволяет изменять CSS свойства объекта, в том числе и позиционирование с помощью свойств left и top. Например:
1
$("#myObject").css({left: "200px", top: "100px"});


  1. Метод .position() возвращает позицию объекта относительно его ближайшего позиционированного родителя. Например, для изменения позиции объекта на 20 пикселей вправо и 30 пикселей вниз относительно его текущей позиции можно использовать:
1
2
var currentPosition = $("#myObject").position();
$("#myObject").css({left: (currentPosition.left + 20) + "px", top: (currentPosition.top + 30) + "px"});


  1. Метод .offset() возвращает позицию объекта относительно документа. Например, для изменения позиции объекта на 50 пикселей сверху относительно его текущей позиции можно использовать:
1
2
var currentOffset = $("#myObject").offset();
$("#myObject").css({top: (currentOffset.top - 50) + "px"});