powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
4 сообщений из 4, страница 1 из 1
Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
    #35223148
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Проскрольте страницу так, чтобы оранжевый блок был виден целиком, а фиолетовый не был не виден полностью или частично. И кликните по Пункт2.

Откуда берутся такие скачки, ума не приложу... По крайней мере, здравых мыслей не приходит).

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        #cover{
            width:120px;
            height:auto
            }
        
        ul{list-style:none}
        
        .list{
        background:#ffeedd;
        width:100px; 
        height:500px;
        float:left
        } 

        .innerUl{display:none}
        
        .violet{background:#c0b7c4}
    </style>
    
</head>
<body>
<div id="cover">
    <ul class="list violet" >
        <li><a href='#'>Пункт1</a>
            <ul class="innerUl">
                <li><a href='#'>Подпункт1</a></li>
                <li><a href='#'>Подпункт2</a></li>
                <li><a href='#'>Подпункт3</a></li>
            </ul>
        </li>
    </ul>
    
    <ul class="list">
        <li><a href='#'>Пункт2</a>
            <ul class="innerUl">
                <li><a href='#'>Подпункт1</a></li>
                <li><a href='#'>Подпункт2</a></li>
                <li><a href='#'>Подпункт3</a></li>
            </ul>
        </li>
    </ul>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
    #35223235
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Проблема решена.
...
Рейтинг: 0 / 0
Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
    #35223241
ZeusTheTrueGod
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
разве это блог? или личный TODO лист?
классно, что проблема решена, но можно ли теперь написать, как именно это проблема решена?
...
Рейтинг: 0 / 0
Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
    #35227874
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ZeusTheTrueGodразве это блог? или личный TODO лист?
классно, что проблема решена, но можно ли теперь написать, как именно это проблема решена?

Если так интересно Вам, то дело в том, что пока href имеет "#" вместо "url" так и будет.
Если у вас заголовки вертикального выпдающего списка меню использует именно href="#" и вы не хотите чтобы при открытии закрыти пользователя подбрасывало вверх страницы), запрет перехода по ссылке достигается добавлением return false в onclick.
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]