3 / 3 / 5
Регистрация: 09.02.2014
Сообщений: 169

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

20.12.2014, 16:19. Показов 967. Ответов 2
Метки нет (Все метки)

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 ) т.е когда пользователь уменьшает или увеличивает страницу изменять и позицию блока от левого края.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
20.12.2014, 16:19
Ответы с готовыми решениями:

Текст не позиционируется относительно верхнего края блока
Такой момент, у меня текст не позиционируется относительно верхнего края блока div. Т.е. я прописываю: margin-top:10px и ничего не...

Изменение позиции подменю от края экрана
Ребята, подскажите пожалуйста, как реализовать определение положения блока меню в зависимости от края экрана? Другими словами, у меня...

Изменение позиции блока
Добрый день! Подскажите пожалуйста, добавил на сайт календарь от гугл, запихал его в класс calendar, добавил в css чтобы подвинуть на...

2
 Аватар для Prog_maker
459 / 403 / 153
Регистрация: 23.01.2011
Сообщений: 1,054
21.12.2014, 01:56
Цитата Сообщение от SkyNet123 Посмотреть сообщение
т.е когда пользователь уменьшает или увеличивает страницу изменять и позицию блока от левого края.
Я так понимаю вы мобильную версию сайта делаете?
Для этого не нужен скрипт, для этого есть media запросы.
Обычно body не используют как контейнер для контента.
для этого пишут контейнер

CSS
1
2
3
4
5
.container{
    width:840px;
    margin:0 auto;   // всегда по центру
    position:relative;
}
Добавлено через 3 минуты
Извините конечно, но я не встречал задач, где для контейнера пишут скрипты, на сайте и так обычно много скриптов, лишний скрипт скорости загрузки не прибавит )))))
1
3 / 3 / 5
Регистрация: 09.02.2014
Сообщений: 169
06.01.2015, 14:11  [ТС]
))) Огроменное спасибо! Все проще чем кажется))
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.01.2015, 14:11
Помогаю со студенческими работами здесь

Изменение позиции логотипа и добавление блока над меню
Здравствуйте, форумчане! Мне необходимо изменить позицию логотипа и добавить блок над меню, как на скринах ниже. <!DOCTYPE html> ...

Динамическое изменение высоты блока относительно окна браузера
Слышал про expression, но почему то никак не могу применить его (

Расстояние от края блока до края блока
document.getElementsByClassName(cmid).getBoundingClientRect().top - data.header.height() - 10 Определяю расстояние от верхнего края...

Как отступить от левого края от тега <a> ?
Вот сам тег как можно сдвинуть именно его? С помощью html или css? Запрещено размещать задания в виде картинок и других файлов с их...

Отступы в RichEdit от левого и правого края
здравствуйте! подскажите, как сделать отступы от левого и правого края c помощью компонента RichEdit? пробовала ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

Новые блоги и статьи
Вопросы на собеседованиях по микросервисам
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
Добрый день А вот каково качество/ эффективность ВУЗовского образования? Аналитическая геометрия изучается в первом семестре и считается довольно легким курсом, что вполне справедливо. Ну хорошо,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru