的onclick改變插件設置

具體設置如下：的onclick改變插件設置

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

問題是animateScroll: true用箭頭衝突的，但我需要爲我的內部錨鏈接。

我認爲這將解決衝突。當您單擊箭頭按鈕：<a class="jspArrow jspArrowDown jspActive"</a>它會改變JScrollPane的設置animateScroll: false然後當你取消勾選它恢復到animateScroll: true

我希望這makese感。任何幫助都會很棒。

編輯

對不起，不找回越快。我已經設置了一個演示，因爲您可以看到向下箭頭不起作用。我認爲其有關animateScroll：真

http://jsfiddle.net/sVSsy/

感謝

來源

2012-05-06 uriah

什麼問題，什麼問題呢？你有任何演示代碼？ –

「箭頭」？「取消選中」？給我們一些東西在這裏工作，你的代碼在哪裏？ – Madbreaks

對我來說工作正常.. –

沒有使用，你需要這兩個選項時，DIV的寬度大約是600px的官方scroll_to_animate.htmlDEMO page看到問題。

的解決方案是使用JScrollPane的arrowButtonSpeed選項具有比使用較小尺寸的DIV的如你300像素寬度時使用特定的瀏覽器時，例如Chrome默認以外的值。

此jsfiddle更新還有一個重複的鼠標腳本的移除資產，因爲ID只能使用一次，所以用DIV內容的附加ID'4'替換重複ID'one'。您會看到其他速度設置及其默認值，您可以嘗試使用DIV尺寸的任何更改。

下面是更新後的jsfiddle：
http://jsfiddle.net/sVSsy/3/

來源

2012-05-15 13:46:22 arttronics

神奇，我沒有看到箭頭按鈕速度選項。非常感謝你的回答！ – uriah

如果您查看非縮小的** jquery.jscrollpane.js **文件，您將在底部看到所有選項和默認設置。這將爲您提供有關目前使用的API選項的極好信息，如果需要的話可以進一步研究。 – arttronics

偉大的提示，我會在將來也這樣做。 – uriah

-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-09 18:25:51 servarevitas3

謝謝。但我不確定如何在這種情況下應用這一點。 – uriah

嘗試用你想要的屬性銷燬和重建它。

var api= $('#element').data('jsp'); 
api.destroy(); 
$('#element').jScrollPane({animateScroll: true});

來源

2012-05-11 06:54:30 littlealien

你能告訴我這將如何與示例代碼一起工作。謝謝。 – uriah

做你嘗試類似：

$('yourelement').click(function(){ 
    if($('panedelement').jScrollPane.animateScroll === true) 
     $('panedelement').jScrollPane.animateScroll = false; 
    else 
     $('panedelement').jScrollPane.animateScroll = true 
});

來源

2012-05-15 07:21:20 jbduzan

將在幾個小時內嘗試。希望它的作品:) – uriah

的onclick改變插件設置

回答

相關問題