安卓机中的效果:
代码如下:
data:{
iconMove:"./images/icon_move_right.png",
}
mounted:function () {
var that=this;
//固定和滚动
var right_div2 = document.getElementById("right_div2");
right_div2.onscroll = function(){
var right_div2_top = this.scrollTop;
var right_div2_left = this.scrollLeft;
document.getElementById("left_div2").scrollTop = right_div2_top;
document.getElementById("right_div1").scrollLeft = right_div2_left;
};
//监听左右滑动,变化可滑动指向提示
$(document).ready(function() {
$('#right_div1').on('scroll', function(e) {
if ($(this).scrollLeft() === 0) {
// console.log('到起点了');
that.iconMove="./images/icon_move_right.png";
}
if (($(this).width() + $(this).scrollLeft()) === ($('#right_divx').width())) {
// console.log('到最右侧了');
that.iconMove="./images/icon_move_left.png";
}else {
// console.log($(this).width() + $(this).scrollLeft())
// console.log($(this).scrollLeft())
}
})
});
},
问题:在安卓设备中没有问题,能正常触发,在 IOS 中就没有任何效果了,图标一直是向右 o(╯□╰)o,希望各位大佬给个解决方案~~~
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于