我一直在寻找一种使对象在垂直滚动时水平移动的方法。我从插件的作者那里找到了这个很好的答案。所以水平移动东西的代码看起来像这样:
$.stellar.positionProperty.apple = {
setTop: function($el, newTop, originalTop) {
$el.css({
'top': newTop,
'left': $el.hasClass('apple') ? originalTop - newTop : 0
});
},
setLeft: function($el, newLeft, originalLeft) {
$el.css('left', newLeft);
}
};
问题在于它仅涵盖从左侧的水平滚动。但它也会影响其他元素,即使它们没有示例脚本中的 apple 类。因此,例如,如果我有图像:
<section>
<img></img>
</section>
图像的absolute
位置和right:0;
添加data-stellar-ratio
后,此脚本会将元素推到左侧,即使图像没有“apple”类
有没有办法在脚本上定义具有“左”类的图像从左侧滚动,然后具有“右”类的图像从右侧滚动?