0

これは単にMacの問題かもしれませんが、ページの2倍のサイズで、動的にビューに移動される要素を持つページがあります。私のcssではoverflow-x：hiddenが設定されているので、この要素は醜いボトムスコルバーを作成しません。問題は私のラップトップ（そしておそらくiPadや他のデバイス）にあります。2本の指でスワイプしてスクロールして表示できますこのコンテンツ。これは全体のレイアウトを壊し、本当にひどく見えます、そして私はjavascriptまたはcssでこの水平スクロールアクションを完全に無効にする方法を探しています。

ありがとうございました

4

2 に答える 2

2

JavaScript： 

 window.onscroll = function () {
     window.scrollTo(0,0);
    }

これにより、ユーザーがスクロールしようとするたびに、スクロールバーが元の（0,0）位置に戻ります。デスクトップを使用しているので、これがラップトップパッドで機能するかどうかを教えてください。

于 2012-07-04T21:13:43.683 に答える
0

まず、スクロールがいつ停止したかを確認する関数を使用しました。次に、別の関数を使用して中央に戻りました。

(function(){

var special = jQuery.event.special,
    uid1 = 'D' + (+new Date()),
    uid2 = 'D' + (+new Date() + 1);

special.scrollstart = {
    setup: function() {

        var timer,
            handler =  function(evt) {

                var _self = this,
                    _args = arguments;

                if (timer) {
                    clearTimeout(timer);
                } else {
                    evt.type = 'scrollstart';
                    jQuery.event.handle.apply(_self, _args);
                }

                timer = setTimeout( function(){
                    timer = null;
                }, special.scrollstop.latency);

            };

        jQuery(this).bind('scroll', handler).data(uid1, handler);

    },
    teardown: function(){
        jQuery(this).unbind( 'scroll', jQuery(this).data(uid1) );
    }
};

special.scrollstop = {
    latency: 300,
    setup: function() {

        var timer,
                handler = function(evt) {

                var _self = this,
                    _args = arguments;

                if (timer) {
                    clearTimeout(timer);
                }

                timer = setTimeout( function(){

                    timer = null;
                    evt.type = 'scrollstop';
                    jQuery.event.handle.apply(_self, _args);

                }, special.scrollstop.latency);

            };

        jQuery(this).bind('scroll', handler).data(uid2, handler);

    },
    teardown: function() {
        jQuery(this).unbind( 'scroll', jQuery(this).data(uid2) );
    }
};

})();

jQuery(window).bind('scrollstop', function(e){
  // block horizontal scrolling
  window.scrollTo(0,jQuery(window).scrollTop()); 
});
于 2012-07-24T19:43:29.227 に答える