TypeError: f.getClientRects is not a function. (In 'f.getClientRects()', 'f.getClientRects' is undefined) #145
Description
I keep getting: TypeError: f.getClientRects is not a function. (In 'f.getClientRects()', 'f.getClientRects' is undefined) though I think I've tried everything. I've included both jquery and stellar.js through bower and I use them on the page:
From Bower:
"jquery.stellar": "^0.6.2",
"jquery": "^3.1.1"
The js:
$(function() {
$.stellar();
});
The html
<div class="jumbotron stellar-background" data-stellar-background-ratio="0.5" style="background-image: url('extend/theme/front/img/bg-blur.jpg')">
<div class="centered container">
<div class="text-center">
<h1>Bla bla</h1>
</div>
</div>
</div>The css
.stellar-background {
position: relative;
background-size: cover;
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
}