Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
81 / 40 / 22
Регистрация: 03.05.2013
Сообщений: 722

Scrollme и ширина экрана

14.01.2017, 11:27. Показов 1458. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подключил скрипт scrollme, при прокрутке страницы эффектные появления div блоков.
Проблема в том, что ширина страницы меняется, когда к примеру блок появляется с права.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
body {
    margin:0px;
    padding:0px;
}
 
.test { 
    background-color: green;
    height: 100vh; /* For 100% screen height */
    width:  100%; /* For 100% screen width */
}
 
.test2 { 
    background-color: red;
    height: 100vh; /* For 100% screen height */
    width:  100%; /* For 100% screen width */
}
Как сделать так, что бы div который появлялся с боку, не менял ширину экрана?

Картинка
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
14.01.2017, 11:27
Ответы с готовыми решениями:

Ширина экрана на телефоне
Скажите пожалуйста, сделал 2 блока на флексбоксе, при достижении определённого размера они меняют направление с горизонтального на...

Ширина макета больше ширины экрана
Всем привет. Ребята, подскажите пожалуйста как быть? Есть .psd макет шириной 1700рх. Ширина окна браузера у меня 1290рх. Как правильно...

Ширина таблицы в зависимости от разрешения экрана
есть страница авторизации. В ней формируется таблица, собственно, вот таким html кодом <br/><br/><br/> <table...

2
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
14.01.2017, 12:36
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

Задайте обертке блока overflow: hidden; или overflow-x: hidden;
1
81 / 40 / 22
Регистрация: 03.05.2013
Сообщений: 722
14.01.2017, 12:51  [ТС]
Уважаемый, спасибо, всё получилось.
CSS
1
overflow: hidden;
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
14.01.2017, 12:51
Помогаю со студенческими работами здесь

Ширина, высота под любое разрешение экрана
Здравствуйте, возник вопрос, как сделать чтобы например то же свойство padding, не меняло сайт при разных разрешениях, при увеличение,...

Ширина изображения должна занимать половину экрана пользователя
как сделать картинку, что бы она по ширине занимала половину экрана пользователя(то есть кто то на большом экране смотрит кто-то на...

3D трансформация в реальном времени с библиотекой ScrollMe
На офф. сайте библиотеки в самом низу footer сделан с эффектом 3d трансформации, ни как не могу сделать. Сам сайт ...

При адаптивной верстке получаеться что ширина экрана не 480х800, а 320х 533 Как с этим бороться?
При адаптивной верстке получаеться что ширина экрана не 480х800, а 320х 533 Как с этим бороться. Перепробовал уже все viewport не помогает ...

Ширина формы больше чем ширина экрана
Всем привет. Подскажите кто знает. У меня возникла такая не тривиальная необходимость сделать форму больше ширины экрана, но вот беда не...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и не для типовых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru