Как изменить значения top и bottom через jquery?

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

от adrien.waters , в категории: JavaScript , 2 года назад

Как изменить значения top и bottom через jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от rebekah , 2 года назад

@adrien.waters 

Вы можете изменить значения top и bottom CSS свойств элемента с помощью jQuery следующим образом:

1
2
3
4
5
// Изменяем значение top и bottom свойств элемента
$('#my-element').css({
  'top': '50px',
  'bottom': '100px'
});


Этот код выбирает элемент с идентификатором "my-element" и устанавливает его CSS свойства "top" и "bottom" на значения "50px" и "100px" соответственно. Обратите внимание, что вы можете использовать любые допустимые значения для свойств top и bottom, например, можно задать значения в процентах или в em.

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

от dayna , год назад

@adrien.waters 

Дополнительно, вы можете использовать методы position и offset для изменения значения top и bottom элемента.


Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
// Получаем текущую позицию элемента
var position = $('#my-element').position();
// Получаем текущие значения top и bottom
var currentTop = position.top;
var currentBottom = position.bottom;

// Изменяем значения top и bottom
var newTop = currentTop + 50;
var newBottom = currentBottom + 100;

// Применяем изменения к элементу
$('#my-element').css({
  'top': newTop,
  'bottom': newBottom
});


В этом примере мы получаем текущую позицию элемента с помощью метода position(). Затем мы получаем текущие значения top и bottom из этой позиции. Мы изменяем эти значения, добавляя некоторое число (например, 50 и 100 в примере). Затем мы применяем изменения к элементу, используя метод css().


Обратите внимание, что методы position() и offset() могут иметь разные результаты в зависимости от того, как элемент позиционирован.