0

設定は次のとおりです。

$(function()
{
    $('.info').jScrollPane(
        {showArrows: true, hijackInternalLinks: true, animateScroll: true}
    );
});

問題はanimateScroll: true矢印との競合ですが、内部アンカーリンクに必要です。

これで競合が修正されると思います。矢印ボタンをクリックする<a class="jspArrow jspArrowDown jspActive"</a>と、jScrollPaneの設定が変更され、 クリックanimateScroll: falseを解除すると元に戻ります。animateScroll: true

これが理にかなっていることを願っています。どんな助けでも素晴らしいでしょう。

編集

早く戻らなくてすみません。下矢印が機能しないことがわかるように、デモを設定しました。私はそれがanimateScrollに関連していると思います：true

http://jsfiddle.net/sVSsy/

ありがとう

4

4 に答える 4

1

DIV の幅が約600pxの場合、必要な両方のオプションを使用して、公式のscroll_to_animate.html DEMO ページで見られる問題はありません。

解決策は、Chrome などの特定のブラウザを使用しているときに300px幅などの小さいサイズの DIVを使用する場合に、 jScrollPane の arrowButtonSpeed オプションをデフォルトの0以外の値で使用することです。

この jsfiddle の更新では、複製されたマウス スクリプトのアセットも削除され、ID は 1 回しか使用できないため、DIV コンテンツの複製 ID 'one' が追加の ID 'four' に置き換えられました。DIV サイズの変更を試すことができるデフォルト値を持つ他の速度設定が表示されます。

更新された jsfiddle は次のとおりです:
http://jsfiddle.net/sVSsy/3/

于 2012-05-15T13:46:22.040 に答える
0

必要な属性で破棄して再構築してみてください。

var api= $('#element').data('jsp');
api.destroy();
$('#element').jScrollPane({animateScroll: true});
于 2012-05-11T06:54:30.897 に答える
0

次のようなことを試しましたか：

$('yourelement').click(function(){
    if($('panedelement').jScrollPane.animateScroll === true)
        $('panedelement').jScrollPane.animateScroll = false;
    else
        $('panedelement').jScrollPane.animateScroll = true
});
于 2012-05-15T07:21:20.727 に答える
-1

onmousedownおよびonmouseupイベントにバインドできます。

http://www.w3schools.com/jsref/event_onmousedown.asp http://www.w3schools.com/jsref/event_onmouseup.asp

したがって、マウスを下に向けて矢印を押すと、animateScrollをfalseに設定し、上に向けると、animateScrollをtrueに設定します。

于 2012-05-09T18:25:51.057 に答える