Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
35 / 35 / 15
Регистрация: 06.01.2014
Сообщений: 707

Скроллинг внутри div-а

06.01.2014, 13:49. Показов 1496. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет. Пытаюсь сделать скроллинг внутри дива для android.
Долго уже не могу решить следующую проблему.
При попытке двигать див, ему присваиваются координаты курсора.
Т.е., если y = 100, то и у дива top = 100. Не смотря на то, что в коде к параметру top у дива прибавляется разность предыдущего и текущего значений Y координаты.

Пишу с телефона, поэтому без тэгов кода

Html код такой

HTML5
1
2
3
4
<div id="center">
  <div id="center_scroll">
  </div>
</div>
JS такой

JavaScript
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
x2 = 0;
y2 = 0;
x1 = 0;
y1 = 0;
prev_top = 0;
 
document.ontouchmove = tch_move;
document.ontouchstart = tch_start;
document.ontouchend = tch_end;
function tch_move(event){
    event.preventDefault();
    
    x1 = event.touches[0].clientX;
    y1 = event.touches[0].clientY;
}
 
 
scrolltch = 0;
function tch_start(){
    scrolltch = 1;
}
 
function tch_end(event){
    scrolltch = 0;
}
 
function main(){
 
    if (scrolltch == 1){
    
         elem = document.getElementById('center_scroll');
 
        if (y1 - y2 != 0){
            y3 = y1 - y2;
            prev_top += y3;
            elem.style.top = prev_top + "px";
            elem.innerHTML = prev_top;
        }
        x2 = x1;
        y2 = y1;
    }
}
setInterval('main()', 1);
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
06.01.2014, 13:49
Ответы с готовыми решениями:

Скроллинг div
Как сделать скроллинг подобный, как в диалогах вконтакте? То есть, есть div со скроллом, но нужно что бы этот скролл был как бы привязан...

Класс div внутри div
Здравствуйте. Нужна помощь. Есть div, внутри него N-ное число div'ов, нужно пробежаться по всем дивам внутри основного и определить класс...

Движение img внутри div
Проблема: Есть допустим это. &lt;html&gt; &lt;title&gt;&lt;/title&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;div id=&quot;cntrl&quot; width=&quot;100%&quot;...

1
69 / 69 / 22
Регистрация: 06.06.2013
Сообщений: 404
08.01.2014, 05:46
примерно так должно быть
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
див.onmousedown = function(down){
    var clickX = down.pageX,
    clickY = down.pageY,
    self = this,
    XLeft = window.getComputedStyle(this).top,YLeft,
    XTop = window.getComputedStyle(this).top,YTop;
    this.onmousemove = function(move){
         YLeft = move.pageX - clickX,
         YTop = move.pageY - clickY,
         self.style.Left = XLeft + YLeft + 'px',
         self.style.top = XTop + YTop + 'px';
    };
};
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
08.01.2014, 05:46
Помогаю со студенческими работами здесь

Изменить стиль внутри созданного div
На странице из одного класса берется информация, потом создается новый div куда эта информация вставляется. Как доступиться к стилям...

Как скрыть скрипт внутри блока div
как скрыть скрипт внутри блока div? всю башку сломал помогите $(function(){ $('#banner_top').click(function(){ $(this).animate( ...

Скрыть div с определенной ссылкой внутри (пользовательский скрипт)
Добрый день. Знаний JS чуть менее, чем 0. Однако возникла такая задача: есть форум на котором сообщения в топиках размещены по такому...

При клике на DIV меняется картинка другого DIV
Подскажите как это реализовать? Добавлено через 21 минуту Можно-ли решить этот вопрос при помощи лишь HTML и CSS? Или нужно...

Вписать код html страницы в <div></div>
Доброго времени суток :) Т.к. я профан в JS, а скорей новичок :) У меня на сайте есть папка там есть html или txt (посоветуйте как...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения
anaschu 22.03.2026
e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru