| |
|
|
| | Если кто знает ресурс,
объясните пожалуйста, как работает такая технология:
в диве с полосой прокрутки (overflow:auto; ) когда прокрутка доходит до конца, идет загрузка следующего контента этого дива.
Другими словами, как описать на JavaScript что прокрутка дива находится в конце?
<div style="overflow:auto; width:250px; height:400px; ">
<div style="height:200px; "></div>
<div style="height:200px; "></div>
Когда курсор в этой позиции, должна произойти подгрузка (Ajax - не важно) контента, а все предыдущее содержимое остатся =)
</div>
|
Хто знаком с такими делами? | |
| |
|
|
| |
|
|
| |
для: школьник
(09.02.2007 в 03:56)
| | | Там вычисляется что-то (не помню что) из свойства scroll-top элемента (показывает полную высоту элемента вместе с прокруткой) и какого-то еще свойства и высоты дива. Не помню на память свойства, но там несложные вычисления.
Как скролл до конца доходит, генерируется запрос аяксом. | |
| |
|
|
| |
|
|
| |
для: SHAman
(09.02.2007 в 08:40)
| | | А можешь немного подробней рассказать,
у тебя есть ссылка где описано? | |
| |
|
|
| |
|
|
| |
для: школьник
(09.02.2007 в 13:22)
| | | Поищи про scroll-top в гугле, думаю найдешь. У меня книжка хорошая. Но дома : ) В ней и подсмотрел про эти свойства. Там был нерабочий пример. Но скроллы я палил. | |
| |
|
|
| |
|
|
| |
для: SHAman
(09.02.2007 в 15:29)
| | | Чтото я искал искал, и не нашел.
Прошерстил js код google reader, мало что нашел толкового, чтобы я мог понять.
Вопрос остается открытым!
Каким образом уловить что скрол на диве с overflow:auro дошел до конца, и подгрузить в него еще контента. | |
| |
|
|
| |
|
|
| |
для: школьник
(09.02.2007 в 13:22)
| | |
<script language="javascript" type="text/javascript">
<!--
function f1(id){
var divID = document.getElementById(id);
var divContainer = '';
if (divID.scrollTop > 200) {
divContainer = divID.innerHTML;
divID.innerHTML = divContainer + divContainer;
}
}
//-->
</script>
</head>
<body>
<div id="scrollDiv" style="overflow:auto; width:250px; height:300px; " onscroll="f1('scrollDiv')">
<div style="height:150px; ">1</div>
<div style="height:150px; ">2</div>
<div style="height:150px; ">3</div>
<div style="height:150px; ">4</div>
</div>
|
у меня тут кое что получилось, но счас работает так: когда скрол пересекает отметку 200 то идет склеивание дополнительного контента, подскажите как сделать чтобы подгружалось партиями, тоесть, дошел до отметки 200, подгрузилось контента еще на 200, далее когда доходит до отметки 200*(количество раз подргрузки) подгружает опять и т.д. | |
| |
|
|
| |
|
|
| |
для: школьник
(09.02.2007 в 03:56)
| | | Подскажите решение задачи, пожалуйста ... =) | |
| |
|
|
| |
|
|
| |
для: школьник
(11.02.2007 в 12:47)
| | | Предлагаю продолжить! | |
| |
|
|
