Вычесть от 100% размеры круга?
В таком случае, находясь при нулевой позиции, круг уходит за рамки
Задать bottom/right, а не top/left
Позиционирование всегда разное будет?
Тогда как выше написали, почему не использовать left, top, right, bottom?
Могу попросить показать реализацию? Я все подготовил: https://jsbin.com/goyejofeje/edit?html,css,js,output
А какой результат нужен будет? Как шар двигаться будет? Все четыре значения писать не нужно. Если правый верхний, например: top: 0; right: 0; Для нижнего: right: 0; bottom: 0;
Да, я это понимаю. Он способен двигаться по координатам x и y в рамках контейнера. Это значит, что у него есть пределы: при минимальном и максимальном значении позиции он не должен выходить за рамки
Чтобы не выходил за рамки, менять left и right для X-координат. Например, left: 0; top: 50%, потом вправо если: right: 0; top: 50%; Только для предыдущих значений, в данном случае left во втором шаге, когда шар переместится вправо, нужно auto задать.
Обсуждают сегодня