安卓机中的效果:

20244934175bfc9bbe434b9png

36659613195bfc9bf92fbd8_articlexpng

代码如下:

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

  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    67 引用 • 95 回帖 • 17 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    72 引用 • 190 回帖 • 359 关注
  • Q&A

    提问之前请先看一下这篇文章 《提问的智慧》精读注解版,好的问题比好的答案更有价值。

    597 引用 • 3445 回帖 • 602 关注
感谢    关注    收藏    赞同    反对    举报    分享