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

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

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

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

Javascript

var w = window.innerWidth;
    var left_position = (w - 840)/2;
    
    $(function(){
        $('#body').animate({ 
            left: left_position+'px',
        }, 100);
    });

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

Javascript

$(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

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

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

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

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

Новые блоги и статьи Все статьи Все блоги /
Linux API: Полное руководство hw_wired 08.02.2025 Linux API – это низкоуровневый программный интерфейс, обеспечивающий взаимодействие пользовательских приложений с ядром операционной системы. Он включает набор системных вызовов, библиотечных функций. . .	Асинхронное программирование и эмуляция async/await в C (СИ) hw_wired 08.02.2025 Язык программирования C, несмотря на свой возраст, предоставляет неплохие средства для реализации асинхронных операций, позволяя создавать эффективные решения для обработки параллельных задач. В. . .	Как сгенерировать случайное число в указанном диапазоне в JavaScript bytestream 08.02.2025 В JavaScript генерация случайных чисел основана на детерминированном алгоритме, который создает последовательность псевдослучайных значений. Встроенный метод Math. random() возвращает псевдослучайное. . .	Как получить список всех таблиц в PostgreSQL bytestream 08.02.2025 PostgreSQL предлагает несколько методов для получения списка таблиц в базе данных. Наиболее распространенный способ - использование системного каталога pg_tables, который содержит информацию обо всех. . .	Java Spring для начинающих bytestream 08.02.2025 Spring Framework - это универсальное решение для создания корпоративных Java-приложений. Он предоставляет комплексную программную и конфигурационную модель для современных приложений на Java. Spring. . .
Асинхронное программирование и async/await в Visual Basic bytestream 08.02.2025 В основе асинхронного программирования в Visual Basic лежит концепция неблокирующего выполнения операций. Когда программа встречает длительную операцию, например, чтение большого файла или запрос к. . .	Async/await и асинхронное программирование в Delphi bytestream 08.02.2025 Асинхронное программирование является неотъемлемой частью разработки современных приложений, позволяя создавать отзывчивые и эффективные программы. В Delphi реализация асинхронности опирается на. . .	Асинхронное программирование и async/await в C# bytestream 08.02.2025 Асинхронное программирование - концепция, позволяющая приложениям эффективно выполнять длительные операции без блокировки основного потока выполнения. В контексте современной разработки на C# это. . .	Асинхронное программирование и горутины/каналы в Go bytestream 08.02.2025 Язык Go изначально разрабатывался с учетом современных многоядерных процессоров и необходимости эффективного параллельного выполнения задач. В отличие от традиционных подходов к асинхронному. . .	Как восстановить stash в Git hw_wired 08.02.2025 Git stash - это средство для временного сохранения изменений в рабочей директории. В процессе разработки часто возникают ситуации, когда нужно быстро переключиться на другую задачу, но текущие. . .

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

	20.12.2014, 16:19

Опции темы