安卓移动设备中的效果图:
向左滑动到最右侧时效果如下:
下附代码:
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,希望各位给个解决方案~~~