Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li / 4 сообщений из 4, страница 1 из 1
30.03.2008, 18:53
    #35223148
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
Проскрольте страницу так, чтобы оранжевый блок был виден целиком, а фиолетовый не был не виден полностью или частично. И кликните по Пункт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
30.03.2008, 21:08
    #35223235
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
Проблема решена.
...
Рейтинг: 0 / 0
30.03.2008, 21:11
    #35223241
ZeusTheTrueGod
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
разве это блог? или личный TODO лист?
классно, что проблема решена, но можно ли теперь написать, как именно это проблема решена?
...
Рейтинг: 0 / 0
01.04.2008, 16:49
    #35227874
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение позиции скролла при кликании по <a> в консткуркции использующей ul, li
ZeusTheTrueGodразве это блог? или личный TODO лист?
классно, что проблема решена, но можно ли теперь написать, как именно это проблема решена?

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


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