OK, so the problem wasn't as listed in the previous Chrome bug report. However, it is another issue caused by jquery.portchecker.js.
bugs.chromium.org/p/chromium/issues/detail?id=793192
This points to this:
github.com/dirkgroenen/jQuery-viewport-c...df9bf17739840c0eacf5
Following this fix, I altered this code:
Code: |
var $elem = this,
windowSize = {height: $(window).height(), width: $(window).width()},
scrollElem = ((navigator.userAgent.toLowerCase().indexOf('webkit') != -1) ? 'body' : 'html');
/*
* Main method that checks the elements and adds or removes the class(es)
*/
this.checkElements = function(){
var viewportStart, viewportEnd;
// Set some vars to check with
if(!options.scrollHorizontal){
viewportStart = $(scrollElem).scrollTop();
viewportEnd = (viewportStart + windowSize.height);
}
else{
viewportStart = $(scrollElem).scrollLeft();
viewportEnd = (viewportStart + windowSize.width);
}
|
to this:
Code: |
var $elem = this,
windowSize = {height: $(window).height(), width: $(window).width()};
/*
* Main method that checks the elements and adds or removes the class(es)
*/
this.checkElements = function(){
var viewportStart, viewportEnd;
// Set some vars to check with
if(!options.scrollHorizontal){
viewportStart = Math.max(
$('html').scrollTop(),
$('body').scrollTop(),
$(window).scrollTop()
);
viewportEnd = (viewportStart + windowSize.height);
}
else{
viewportStart = Math.max(
$('html').scrollLeft(),
$('body').scrollLeft(),
$(window).scrollLeft()
);
viewportEnd = (viewportStart + windowSize.width);
}
|
I confirm that it fixes the problem. You may want to look at it and see if you wish to change anything (other than the template download).