
05.04.2019, 19:09
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
laimas,
так уже давно всё раскрасили,
вопрос в том как сделать чтобы содержимое див'а со скроллингом при первоначальной загрузке и при обновлении страницы было смещено/прокручено на столько то пикселей, и чтобы оставалась возможность прокрутки в обе стороны
|
|

05.04.2019, 19:14
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
Поскольку я буду вручную редактировать страницы, скрипты не нужны, чисто стили
|
|

05.04.2019, 23:01
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
<script>
window.onload = function() {
menu5.scrollTop = 36
};
</script>
вот что нужно, но вопрос как реализовать это чисто на css?
|
|

06.04.2019, 00:56
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,989
|
|
Я не знаю средств css, которые бы занимались прокруткой, есть отступы внутренние/внешние.
|
|

06.04.2019, 02:14
|
 |
Профессор
|
|
Регистрация: 20.12.2009
Сообщений: 1,714
|
|
Сообщение от laimas
|
Я не знаю средств css, которые бы занимались прокруткой
|
CSS Snap Level 1, хотя то, что требует Блондинка, является скорей якорем!
Сообщение от Блондинка
|
Поскольку я буду вручную редактировать страницы, скрипты не нужны, чисто стили
|
А зачем вам страницы, вам достаточно одной страницы! Вам же не нужен кипятильно-плиточный код!
Сообщение от Блондинка
|
вот что нужно, но вопрос как реализовать это чисто на css?
|
Я не знаю, чем вам не подходит вами же написанное решение на JS! А не кажется ли вам, что пользователь должен сам решать, что ему смотреть? Может тогда стоит удалить или переместить ниже то, что вы хотите скрыть!
UPD Ваше width: 200px; display: inline-block; делается так: display: block;
Последний раз редактировалось Malleys, 06.04.2019 в 02:26.
|
|

06.04.2019, 02:46
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
Сообщение от laimas
|
Я не знаю средств css, которые бы занимались прокруткой, есть отступы внутренние/внешние.
|
внешние это наверное правильнее назвать полями, но не суть, главное что понятно о чём разговор.
возможно ли переделать этот скрипт
Сообщение от Блондинка
|
<script>
window.onload = function() {
menu5.scrollTop = 36
};
</script>
|
есть несколько див'ов со скроллингом, в каждом див'е надо найти элемент с определённым классом, получить координату "х" или "у" от этого значения отнять определённое количество пикселей и подставить в scrollTop или scrollLeft,
поскольку я вручную буду редактировать страницы, то на каждой странице выставлять свои имена классов/идов див'ов, имена классов элементов чьи координаты надо найти, и значения которые надо отнять вручную – не проблема.
|
|

06.04.2019, 02:51
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
Malleys,
я не хочу скрывать от пользователя что либо, а только прокрутить до спана на который была заменена ссылка, и чтобы пользователь мог прокрутить и назад и вперёд.
|
|

06.04.2019, 03:00
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
другими словами я хочу чтобы подсвеченные ссылки и спан были в зоне видимости по умолчанию, а пользователь решал в какую сторону прокручивать меню
|
|

06.04.2019, 03:42
|
 |
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
если пользователь на пятнадцатой странице или допустим на стокакойто, то ссылку (или ссылку замененную на спан) естественно не увидит без прокрутки вручную, я же хочу чтобы по умолчанию при загрузке страницы уже было "прокрученно"
|
|

06.04.2019, 04:30
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,989
|
|
Сообщение от Блондинка
|
есть несколько див'ов со скроллингом, в каждом див'е надо найти элемент с определённым классом, получить координату "х" или "у" от этого значения отнять определённое количество пикселей и подставить в scrollTop или scrollLeft
|
А css тут причем? То на что ссылается Malleys, это статика. Искать скриптом значения и управлять ими прокруткой, ну так и управляйте сразу scrollTop.
Если такая забота о доступе, фиксируйте меню, делайте его более удобным и т.д.
|
|
|
|