javascript - tinyscrollbar jquery插件错误

标签 javascript jquery html

我正在尝试将 tinyscrollbar 用于 jQuery。它运行良好,但是当我升级我的容器并升级卷轴时,它总是让我进入容器的开头。我尝试了“相对”选项,但结果是一样的。

这是来源:http://www.baijs.nl/tinyscrollbar/

我删除了行中的else 语句:iScroll = (sScroll == 'relative' && oContent.ratio <= 1) ...所以它没有得到 0 ,但问题在于使用鼠标滚轮,它不会向下滚动。

看来bug就在这里,但我找不到。

function wheel(oEvent){
    if(!(oContent.ratio >= 1)){
        oEvent = $.event.fix(oEvent || window.event);
        var iDelta = oEvent.wheelDelta ? oEvent.wheelDelta/120 : -oEvent.detail/3;
        iScroll -= iDelta * options.wheel;
        iScroll = Math.min((oContent[options.axis] - oViewport[options.axis]), Math.max(0, iScroll));

        oThumb.obj.css(sDirection, iScroll / oScrollbar.ratio);
        oContent.obj.css(sDirection, -iScroll);
        oEvent.preventDefault();
    };

顺便说一句:另外,如果您知道适用于 IE6+ 的不同自定义滚动条组件(带有图像),请告诉我。

最佳答案

当您添加内容并触发更新方法时。它总是默认为顶部..

但是您可以将参数“bottom”或“relative”添加到方法中。它会做出相应的行为。

相对意味着即使新内容大小与旧内容大小不同,拇指也会相对地停留在同一位置。

关于javascript - tinyscrollbar jquery插件错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7785918/

相关文章:

html - 用于跨浏览器兼容性的过渡属性

javascript - 如何从表单中打开 Thickbox 并为其提供数据?

javascript - evt.preventDefault() 的反义词是什么?

html - 在 div 中将一段文本居中

javascript - jquery 中的淡入淡出循环图像数组

javascript - 在媒体窗口中选择图片后添加/更新自定义字段 (Wordpress)

html - CSS 过渡在 IE 中不起作用

javascript - 如何让jquery div替换立即生效

javascript - 为什么两个 if 语句在一个函数中不起作用?

javascript - 在鼠标 Y 上更改 2 种背景颜色 + 使 <p> 适应该新颜色