Обратное направление прокрутки с 180 листами прокрутки
Я создаю ионное / угловое приложение, и я хочу изменить направление прокрутки на входе прокрутки.
Здесь вы можете найти пример моей ситуации:пример jsfiddle
В приведенном выше примере я перевернул список прокрутки на 180 градусов и перевернул div внутри списка прокрутки на 180 градусов. Я сделал это так, чтобы сообщения всегда начинались снизу, без необходимости прокручивать их вниз при загрузке страницы и т. Д. Недостатком является то, что направление прокрутки также переворачивается, и здесь мне нужна ваша помощь.
Я задал похожий вопросВот и кто-то дал мне общий рабочий ответ (его ответ также в моем примере с jsfiddle), но в моем случае я не могу заставить его работать.
Код ниже является рабочим ответом на мой другой вопрос, но не работает в моей ситуации:
HTML:
<div ng-app="scrollApp">
<scrollbox> <!-- my directive -->
Content to be scrolled
</scrollbox>
</div>
JavaScript:
var app = angular.module('scrollApp', []);
app.directive('scrollbox', function($window) {
angular.element($window).bind('mousewheel', function(event) {
event.preventDefault(); // cancel the default scroll
var currentPosition = $window.pageYOffset;
var delta = event.wheelDelta;
window.scrollTo(0, currentPosition + delta);
});
return {};
});