ios监听scrollleft的解决方案?

安卓移动设备中的效果图:

clipboard.png

向左滑动到最右侧时效果如下:

clipboard.png

下附代码:

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,希望各位给个解决方案~~~

阅读 1.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题