Cannot read property 'scrollTop' of undefined when using jQuery

[bglogic]

When using jQuery in a project the following line gives the error in the title:
var scrollTop = e.detail.scrollTop;

It has to be replaced with this line to work:
var scrollTop = e.originalEvent.detail.scrollTop;

An if statement has to be used to detect if jQuery is used but I don't know how to do that.

Update
This fix seems to work in iOS but not in Android. This can be seen in both chrome developer tools device mode and the actual devices.

[yohokuno]

I have the same issue.

[anuragranjan242]

its work for me---
document.getElementById('scrollT').onscroll = function(evt) {
if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) {
console.log('app', evt.target.scrollTop);
if (evt.target.scrollTop > 250) {
$ionicNavBarDelegate.title($scope.food.name);
} else {
$ionicNavBarDelegate.title('');
}
} else {
console.log('web', evt.detail.scrollTop);
if (evt.detail.scrollTop > 260) {
$ionicNavBarDelegate.title($scope.food.name);
} else {
$ionicNavBarDelegate.title('');
}
}

        }

[mihaisavezi]

Hi guys,

I landed here by looking for a way to hide my sub-header on scroll and found this codepen:

http://codepen.io/anon/pen/rOXLzY

It didn't work for me by failing at a similar line to where you guys are having the problem:

if(e.detail.scrollTop < $rootScope.pixelLimit) { $rootScope.slideHeader = false;

I wasn't using jQuery though. It worked for me by changing e.detail.scrollTop with e.target.scrollTop now I'm not getting errors.

[supgeek-rod]

I have the same issue.

[m1012290]

This error is because of disabling jsscrolling -
$ionicConfigProvider.scrolling.jsScrolling(false);