Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Скролинг в js. нужна помощь / 10 сообщений из 10, страница 1 из 1
28.05.2008, 10:59
    #35339420
sancoma
sancoma
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
Есть прсотой html
Код: 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.
<html>
<head>
</head>
<body>

<table width='175'>
<tr>
    <td>
    
        <div style='overflow: hidden; position: relative; width: 175px; height: 80px;' id='container1'>
        
            <div style='position: absolute; width: 170px; left: 0pt; top: 3px; padding-left: 20px;' id='content1'>
            
                <div id='div11' style='margin-left: -10px;'> <a href='www.test.com'>test1</a></div>
                <div id='div12'  style='margin-left: -10px;'> <a href='www.test.com'>test2</a></div>
                <div id='div13'  style='margin-left: -10px;'> <a href='www.test.com'>test3</a></div>
                <div id='div14'  style='margin-left: -10px;'> <a href='www.test.com'>test4</a></div>
                <div id='div15'  style='margin-left: -10px;'> <a href='www.test.com'>test5</a></div>
                <div id='div16'  style='margin-left: -10px;'> <a href='www.test.com'>test6</a></div>
                <div id='div17'  style='margin-left: -10px;'> <a href='www.test.com'>test7</a></div>
                <div id='div18'  style='margin-left: -10px;'> <a href='www.test.com'>test8</a></div>
                <div id='div19'  style='margin-left: -10px;'> <a href='www.test.com'>test9</a></div>
                <div id='div110'  style='margin-left: -10px;'> <a href='www.test.com'>test10</a></div>                
            </div>  
            
        </div>
        
        </font>
    </td>
</tr>
</table>

</body>
</html>
Если использовать код который здесь будет показано только часть елементов, остальные же будут спрятаны. Как можно скриптами выровнять позицию скролинга так, чтоб любой (установленный по желанию) елемент в этом <div>был по средине внутреннего <div>, тоисть получается сделать скролинг <div> так чтоб елемент выбранный стал по центру <div> и небыл спрятан?
Заранее благодарен.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 11:15
    #35339471
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
Код: plaintext
1.
2.
<script>
window.onload = function() {document.getElementById('div17').scrollIntoView(true);}
</script>

P.S. Не будет работать в опере.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 11:17
    #35339476
sancoma
sancoma
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
спасибо, именно оно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 14:45
    #35340329
_Vasilisk_
_Vasilisk_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
Либо якорями

С уважением, Vasilisk
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 15:27
    #35340490
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
_Vasilisk_Либо якорями

и как же помогут здесь якоря?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 15:59
    #35340601
_Vasilisk_
_Vasilisk_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
Код: plaintext
document.location = '#element_id';
Ну и соответственно добавить
Код: plaintext
<a name='...'></a>

С уважением, Vasilisk
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 16:43
    #35340787
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
действительно #имя относится и к прокрутке дива. С одной стороны, удобно, т.к. можно обойтись совсем без js. С другой стороны - неудобно, если в адресе уже указано #другое_имя. И всё также не работает в Опере. _Vasilisk_ , а как там у Вас в Опере дела? Может это у меня версия с багом?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 16:53
    #35340841
_Vasilisk_
_Vasilisk_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
Да. Опера 9.26 не фунциклирует

С уважением, Vasilisk
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 16:56
    #35340853
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
ага. Значит это у ней наследственное, а не очередной сюрприз. Спасибо за информацию.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.05.2008, 18:30
    #35341155
apapacy
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Скролинг в js. нужна помощь
_Vasilisk_
Код: plaintext
document.location = '#element_id';
Ну и соответственно добавить
Код: plaintext
<a name='...'></a>

С уважением, Vasilisk

Тег А добавлять не надо, посколько для элемента с id=div17
якорь #div17 делает прокрутрку (отсюда и в CSS повторятет синтаксис для id #div17)

Но мне не совсем язна задача. ВНутри overflow:hidden элемента проркучивать текст?
Тут лучше подойдет использовать display:none.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Скролинг в js. нужна помощь / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 367ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456425]:
 0ms
get settings:
 8ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 28ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 42ms
get tp. blocked users:
 1ms
others: 257ms
total:  367ms
x
x
Закрыть


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