Последние записи
- Рандомное слайдшоу
- Событие для произвольной области внутри TImage
- Удаление папки с файлами
- Распечатка файла
- Преобразовать массив байт в вещественное число (single)
- TChromium (CEF3), сохранение изображений
- Как в Delphi XE обнулить таймер?
- Изменить цвет шрифта TextBox на форме
- Ресайз PNG без потери прозрачности
- Вывод на печать графического файла
Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk
Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw
31st
Янв
Скроллинг страницы «Рукой»
Posted by maloy under JavaScript
Че Гевара
Подскажите пожалуйста как реализовать перемещение по странице курсором, зажимая кнопку мыши и перетаскивая страницу в сторону.
Naive
Событие нажатия onmousedown, для тачпадов — ontouchstart,
первым аргументом в обработчик попадает событие со свойствами pageX, pageY, передающих координаты клика/прикосновения, только прикосновение зарывается в массив ивента, это либо touches, либо changedTouches. Собственно для этой задачи надо взять нулевой объект, который выдаст все те же pageX, pageY.
События движения — onmousemove, ontouchmove, обработка аналогична.
Окончание действия: onmouseup, ontouchend. Обработка все та же.
Советую по окончанию убивать слушателей движения и окончания, а при начале их создавать, чтобы лишний раз не грузить оперативу.
Забыл сказать, сама промотка страницы: window.scrollTo(), принимает 2 аргумента, по х и по у, если юзать jQuery, то $(‘html body’).scrollLeft(X).scrollTop(Y);
Вот, нашел свой кусок кода, который двигает ползунок тут (на машинке)
При желании можно адаптировать
$cc.on('mousedown touchstart',function(e){
if (e.type === "touchstart") {
var e = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
};
var strt = e.pageX - $(this).offset().left,
offset = $layout.offset().left,
before = width*.5,
crnt = before;
$('body').on('mousemove touchmove',function(e){
if (e.type === "touchmove") {
var e = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
};
var current = e.pageX - offset - strt;
current = Math.min( Math.max(min_d, current), width);
crnt = current;
$roller.width(width - current);
return false;
});
$('body').on('mouseup touchend',function(){
$(this).off('mousemove touchmove');
$train[0].width(0);
$train[1].width(0);
setInterval(function(){
clearInterval(_timer);
},200);
});
var _timer = setInterval(function(){
var _train = before-crnt;
before = crnt;
if (_train>0) {
$train[0].width(0);
$train[1].width(Math.abs(_train));
} else {
$train[0].width(Math.abs(_train));
$train[1].width(0);
};
}, 100);
});
Похожие статьи
Купить рекламу на сайте за 1000 руб
пишите сюда - alarforum@yandex.ru
Да и по любым другим вопросам пишите на почту
пеллетные котлы
Пеллетный котел Emtas
Наши форумы по программированию:
- Форум Web программирование (веб)
- Delphi форумы
- Форумы C (Си)
- Форум .NET Frameworks (точка нет фреймворки)
- Форум Java (джава)
- Форум низкоуровневое программирование
- Форум VBA (вба)
- Форум OpenGL
- Форум DirectX
- Форум CAD проектирование
- Форум по операционным системам
- Форум Software (Софт)
- Форум Hardware (Компьютерное железо)