Изменение позиции блока относительно левого края

@SkyNet123 · Регистрация: 09.02.2014

Author24 — интернет-сервис помощи студентам

есть блок body в котором расположен весь конетент, и нужно что бы он был по центру, конечно же можно и обойтись без js средствами css, но js для меня проще, вообще ширина блока 840 px и меняю его позицию таким кодом

JavaScript
1
2
3
4
5
6
7
8
var w = window.innerWidth;
    var left_position = (w - 840)/2;
    
    $(function(){
        $('#body').animate({ 
            left: left_position+'px',
        }, 100);
    });

выполняю это событие так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).scroll(function(){
 
    var w = window.innerWidth;
    var left_position = (w - 840)/2;
    
    $(function(){
        $('#body').animate({ 
            left: left_position+'px',
        }, 100);
    });
});

на счет анимашки, просто так поставил анимацию, ее уберу и просто задам свойство CSS('aa','bb'). вопрос у меня в следующем: как выполнять этот код не при обычном событии scroll а при зажатой клафише ctrl+событие (sсroll ) т.е когда пользователь уменьшает или увеличивает страницу изменять и позицию блока от левого края.

@Prog_maker · 21.12.2014, 01:56

Сообщение от SkyNet123

т.е когда пользователь уменьшает или увеличивает страницу изменять и позицию блока от левого края.

Я так понимаю вы мобильную версию сайта делаете?
Для этого не нужен скрипт, для этого есть media запросы.
Обычно body не используют как контейнер для контента.
для этого пишут контейнер

CSS
1
2
3
4
5
.container{
    width:840px;
    margin:0 auto;   // всегда по центру
    position:relative;
}

Добавлено через 3 минуты
Извините конечно, но я не встречал задач, где для контейнера пишут скрипты, на сайте и так обычно много скриптов, лишний скрипт скорости загрузки не прибавит )))))

@SkyNet123 · 06.01.2015, 14:11 **[ТС]**

))) Огроменное спасибо! Все проще чем кажется))

Новые блоги и статьи Все статьи Все блоги /
Вопросы на собеседованиях по микросервисам ArchitectMsa 27.03.2025 Работодатели ищут не просто разработчиков, знающих базовые концепции, а специалистов, разбирающихся в тонкостях масштабирования, отказоустойчивости и производительности. Сейчас на первый план выходят. . .	Взаимодействие Python с REST API py-thonny 27.03.2025 REST API - это архитектурный стиль взаимодействия компонентов распределённого приложения в сети. Python располагает функциональным набором инструментов для работы с REST API и основная библиотека для. . .	sshd restrictions, ssh access limitations jigi33 26.03.2025 sshd restrictions \| ssh access limitations рестрикции доступа на сервер sshd статья: https:/ / www. golinuxcloud. com/ restrict-allow-ssh-certain-users-groups-rhel	Компиляция C++ с Clang API NullReferenced 24.03.2025 Компиляторы обычно воспринимаются как черные ящики, которые превращают исходный код в исполняемые файлы. Мы запускаем компилятор командой в терминале, и вуаля — получаем бинарник. Но что если нужно. . .	Многопоточное программирование в C#: Класс Thread UnmanagedCoder 24.03.2025 Когда запускается приложение на компьютере, операционная система создаёт для него процесс - виртуальное адресное пространство. В C# этот процесс изначально получает один поток выполнения — главный. . .
SwiftUI Data Flow: Передача данных между представлениями mobDevWorks 23.03.2025 При первом знакомстве со SwiftUI кажется, что фреймворк предлагает избыточное количество механизмов для передачи данных: @State, @Binding, @StateObject, @ObservedObject, @EnvironmentObject и другие. . . .	Моки в Java: Сравниваем Mockito, EasyMock, JMockit Javaican 23.03.2025 Как протестировать класс, который зависит от других сложных компонентов, таких как базы данных, веб-сервисы или другие классы, с которыми и так непросто работать в тестовом окружении? Для этого и. . .	Архитектурные паттерны микросервисов: ТОП-10 шаблонов ArchitectMsa 22.03.2025 Популярность микросервисной архитектуры объясняется множеством важных преимуществ. К примеру, она позволяет командам разработчиков работать независимо друг от друга, используя различные технологии и. . .	Оптимизация рендеринга в Unity: Сортировка миллиона спрайтов GameUnited 22.03.2025 Помните, когда наличие сотни спрайтов в игре приводило к существенному падению производительности? Время таких ограничений уходит в прошлое. Сегодня геймдев сталкивается с задачами совершенно иного. . .	Образование и практика Igor3D 21.03.2025 Добрый день А вот каково качество/ эффективность ВУЗовского образования? Аналитическая геометрия изучается в первом семестре и считается довольно легким курсом, что вполне справедливо. Ну хорошо,. . .

@SkyNet123 3 / 3 / 5 Регистрация: 09.02.2014 Сообщений: 169
	06.01.2015, 14:11 [ТС]
	))) Огроменное спасибо! Все проще чем кажется)) 0

Опции темы