6

モバイル サイトを構築しており、画像を横方向にスライドできる画像のスライド ショーを作成しています。私が使用している JavaScript ライブラリは bxslider です。ただし、スライド ショーに触れてページを上下にスクロールしたい場合、スライド ショーは垂直方向のスクロールをブロックするため、サイトの別のセクションに触れる必要があります。

垂直スクロールを有効にしておく方法を教えてください (つまり、スライドショーが通常のスクロールをブロックできないようにします)。

ありがとう！

4

2 に答える 2

3

これを試して、ライブラリのonTouchMove fnをこれに変更してください bxslider

        var onTouchMove = function (e) {
        if (slider.settings.mode != 'fade') {
            var orig = e.originalEvent;
            var value = 0;
            // if horizontal, drag along x axis
            if (slider.settings.mode == 'horizontal')
            {   
                var hchange = orig.changedTouches[0].pageX - slider.touch.start.x;
                var vchange = orig.changedTouches[0].pageY - slider.touch.start.y;

                if(Math.abs(hchange)>20 && Math.abs(hchange)>Math.abs(vchange))
                {   
                    value = slider.touch.originalPos.left + hchange;
                    setPositionProperty(value, 'reset', 0);
                    e.preventDefault();
                }
                // if vertical, drag along y axis
            } else{
                e.preventDefault();
                var change = orig.changedTouches[0].pageY - slider.touch.start.y;
                value = slider.touch.originalPos.top + change;
                setPositionProperty(value, 'reset', 0);
            }

        }
    }
于 2013-02-11T05:44:15.890 に答える
2

bxslider Web サイトのオプション ページに移動した場合は、preventDefaultSwipeX および preventDefaultSwipeY を検索します。

それらはあなたが探しているものです。

于 2013-11-21T18:43:40.427 に答える