标签: jquery-jscrollpane

你们能告诉我什么是禁用horiontal滚动条的最佳方法吗？

我有div width: 100%和height :280px.当我们有长连续文本(没有任何空格)时,我们会显示一个水平滚动条.

顺便说一句,我正在使用jscrollPane.

任何建议,将不胜感激.

我有一个固定高度的div,里面有一个ul-list和很多li-items.我向div应用了一个jScrollPane,我想为其自定义滚动条的外观.我的代码是这样的:

$(function() {
    $('.myDiv').jScrollPane( { showArrows: true, arrowScrollOnHover: true, wheelSpeed: 120 });
});

作为jScrollPane我使用http://jscrollpane.kelvinluck.com的脚本,它有点工作.但是鼠标滚轮的速度(滚动速度)太慢了,尽管我试图设置速度,正如你在上面的例子中看到的那样.

有没有人有同样的效果,可以给我一个暗示我如何加快它的速度？

我试图使用以下jquery插件:http ://jscrollpane.kelvinluck.com/dynamic_content.html
但是当我尝试重新初始化API时我仍然没有成功

我有一个div(id = content)从load()方法(jquery)接收响应,毕竟我再次使用$('#content).jScrollPane()刷新滚动条,但没有成功= \

谁能帮我？谢谢!

我在我的网站上安装了jScrollPane,无法使其正常工作.

我的网站工作原理如下:从主页面,使用jQuery的load()方法动态加载页面.在我加载的页面中,我有以下脚本来启动jScrollPane:

$(function(){
    $('.scroll-pane').jScrollPane();
});

这似乎被称为.到目前为止我没有问题.问题是页面在开始时不够长,不需要滚动条.我隐藏的内容仅显示在特定操作上(即单击按钮显示某个段落的内容),当我单击以显示隐藏div的内容时,滚动条不会出现.

我也试着打电话给$('.scroll-pane').jScrollPane();我展示新的内容(即在.show()隐藏的情况下触发div我也会调用$('.scroll-pane').jScrollPane();),但我也没有成功.

谁能帮我？

谢谢

编辑:

我忘了提到页面的结构:我有一个div已经class="scroll-pane"加载了页面加载,它包含了点击特定区域时显示的小隐藏div.我想用类滚动窗格向div添加一个滚动条,以使显示的div的内容可滚动(现在内容保持在div的大小但是它不可滚动,因为没有jScrollPane滚动条是示出).

更新:

我试图放入我的div $('.scroll-pane').jScrollPane();的.show()方法的回调,并试图放到class="scroll-pane"那些出现的div,但再次没有显示(滚动条没有出现,div不可滚动).

我想让滚动条放在内容上,而不是强迫它旁边的排水沟.

在附图中,您可以看到它当前使用红色滚动条做了什么......它创建了一个垂直的装订线,将内容推向一边.

但我想做的是底部的内容......将滚动条放在内容上.

我已经尝试过绝对定位,.jspVerticalBar但我无法摆脱阴沟.

编辑:这是问题的jsFiddle:http://jsfiddle.net/8Mebt/3/ - 正如你所看到的,最右边还有一个空白,项目的"选定"状态并没有扩展所有我希望它的方式.

我还没有找到关于我当前问题的任何解决方案:我不能在我的网站上使用jScrollPane插件(对于jQuery)使鼠标滚轮工作.

有关信息,我使用此插件与AJAX(在javascript文件"fonctionsGenerales.js" - 函数"rechargerCadreBaroque()")...

当我收到XML HTTP响应时,我可能会调用重新初始化函数吗？

这是一个简短的链接:http://syz.gy/jscrollpane-mousewheel

非常感谢你提前,

我试图通过突出显示文本并向下拖动来滚动.现在,正如您可能已经知道的那样,这是标准overflow: auto元素的标准默认行为,但是我试图通过Kelvin Luck的jQuery jScrollPane提供一些花哨的滚动条.

我在这里创造了一个小提琴:DEMO

基本上你可以看到,突出显示和滚动工作在顶部框(默认overflow: auto框),但在第二个它没有,并且,复合事项,一旦你到达底部它改变您的选择!

所以,我的问题是这些(这些):有没有办法解决这个问题？如果是这样,怎么样？

UPDATE

我一直在研究这个问题并且已经找到了一个小问题 setTimeout()

然而,它没有按预期工作,如果有人愿意帮助我把它分成一个新的小提琴:jsFiddle

代码本身是:

pane = $('#scrolldiv2');
pane.jScrollPane({animateEase: 'linear'});
api = pane.data('jsp');

$('#scrolldiv2').on('mousedown', function() {
    $(this).off().on('mousemove', function(e) {
        rel = $(this).relativePosition();
        py = e.pageY - rel.y;
        $t = $(this);
        if (py >= $(this).height() - 20) {
            scroll = setTimeout(scrollBy, 400, 20);
        }
        else if (py < 20) {
            scroll = setTimeout(scrollBy, 400, -20);
        }
        else {
            clearTimeout(scroll);
        }
    })
}).on('mouseup', function() {
    $(this).off('mousemove'); …

我正在使用jScrollPane jQuery插件(http://jscrollpane.kelvinluck.com)在我的应用程序中实现自定义滚动条.

但是,我需要能够修改jspDrag元素的高度.看起来元素的高度取决于div内的内容量.但是,我想为jspDrag使用一个图像(需要固定大小,即不可重复),图像将非常小(高度比实际的jspDrag元素小).

我该如何做到这一点？

我正在使用jScrollPane,因为它是Google上的第一件事,我很累.所以,我首先要说的是我并不反对使用不同的东西.

我有一个2列的部分.右列使用jScrollPane插件并具有固定宽度.拖动滚动条时它可以工作,但鼠标滚轮插件似乎不起作用.我按此顺序调用所有内容:

jquery.jscrollpane.css  
jquery.jscrollpane.lozenge.css  
jquery.min.js  
jquery.mousewheel.js  
mwheelIntent.js  
jquery.jscrollpane.min.js

标记:

<div class="twocolumn">
  <div class="img-lt"></div>
  <div class="txt-rt scroll-pane">...</div>
</div>

这是CSS:

#content .twocolumn { overflow:hidden; }
#content .twocolumn .img-lt {
  padding-right:22px;
  border-right:1px solid #818283;
  float:left;
}
#content .twocolumn .txt-rt {
  padding-left:22px;
  float:left;
  width:556px;
  height:409px;
}

并且针对页面准备就绪
$(function(){ $('.scroll-pane').jScrollPane(); });

控制台报告没有错误.有什么想法吗？

我在我的网站上使用jQuery jScrollPane插件,它在普通的PC浏览器和iPad,Android平板电脑上工作正常.

但是,当我在Windows 8触摸屏笔记本电脑上打开我的网站时,我无法使用iPad或Android平板电脑等触摸手势滚动页面.

我也试过这个演示网站(http://jscrollpane.kelvinluck.com/themes/lozenge/),我无法用触摸手势滚动内容.

要滚动页面,我必须转到滚动条并向左/向右拖动.早期使用默认滚动条我可以使用触摸手势滚动页面,现在我无法使用jScrollPane.

我能够在Chrome中滚动内容(演示和我的网站,在windows8设备中),但不能在IE和FireFox中滚动

这是一个已知的问题？我怎样才能解决这个问题？

jScrollPane是否仅支持用于触摸手势的webkit浏览器？

如果是,我们怎样才能让它适用于所有浏览器,尤其是Firefox和IE？

更新:

正如我在评论布鲁诺回答中提到的那样,我们已经尝试过使用以下样式进行划分..但没有运气

.scroll-pane{
overflow-x:scroll; 
-ms-touch-action: pan-x;    
}

and 

.scroll-pane{
overflow-x: scroll;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0%, 100%);

}

我正在使用JQuery插件jScrollPane

我正在按照以下方式进行初始化..它最初工作但是当我尝试更改设置并重新初始化它时它无法正常工作它有点闪烁然后返回到它之前的状态,任何想法？

$(document).ready(function() {
     var api = $('.viewer').jScrollPane().data('jsp');
     api.reinitialise({
         showArrows: true
     }); 
});

这是我的测试示例

http://www.jsfiddle.net/VxYdJ/

谢谢

我正在使用jscrollpane插件进行自定义滚动条.我无法完成的是在底部进行初始化,即无论何时加载该窗口,它都应自动滚动到底部.任何帮助是极大的赞赏.