的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改变插件设置

回答

相关问题