标签: slimscroll

我有一个div,为了让它更漂亮,我在该div上使用了SlimScroll jQuery插件

$('#scrollable').slimscroll({
   color: '#900',
   size: '8px',
   width: '300px',
   height: '500px'
});

现在有一个时刻,我希望这个div不再具有此属性(但是要使用浏览器默认滚动条).我怎样才能删除slimscroll？

我有一个容器已经有一个slimscroll,还有一个按钮可以将新项目添加到最后一个元素.我希望slimscroll的scrollBar始终从底部开始.有什么帮助吗？:(

<div>
  <ul id="item-container">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
  </ul>
</div>

<input type="text" placeholder="add another item" id="add-input"/>
<button id="add-btn">Add</button>

急需帮助:(

http://jsfiddle.net/qh8ye/1/

我正在使用fullpage.js和slimscroll.js插件,这是允许滚动内容超过其容器部分高度的部分所必需的.

我注意到触摸设备的体验非常糟糕.通常您可以滑动,释放并观看页面仍然滚动,一旦您的手指离开触摸区域,滚动停止.

所以我想要做的是在手机和平​​板电脑上禁用fullpage.js,但仍然可以在桌面上启用它.我检查了fullPage.js的问题和文档,但我找不到一个简单的方法来做到这一点.

任何人都可以帮我吗？

非常感谢

我正在使用slimscrollbar插件.它在Web浏览器中运行良好,但在移动浏览器中速度很慢.

任何提高移动速度的解决方案？

我在我的代码中使用了slimscoll,它在firefox中完美运行.当我点击滚动条并尝试拖动它时,问题是使用chrome.它选择围绕它的整个div或div内容.可能是因为当鼠标移出苗条滚动的苗条区域并且浏览器将其识别为内容选择时.

你能帮帮我吗???? 这是我用于slimscroll的示例代码

$('#Div').slimscroll({
    railVisible: true,
    allowPageScroll: false,
    height: '320px'
});

我正在使用 jquery slimscroll。但它没有出现在页面上。任何帮助，将不胜感激。

HTML -

<script type="text/javascript" src="resources/js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="resources/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="resources/js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="resources/js/searchHistory.js"></script>

<div id="searchTable" class="contentRight">
    <table id="searchInfo" class="shadeTable"></table>
</div>

JS -

$(document).ready(function() {

    $('#searchTable').slimScroll({
        color: '#FF915E',   
        height: '250px',
            alwaysVisible: true,
              size: '8px'
    });
    initSearchInfo();
    initTagCloud(); 
});

我正在使用 ajax 调用在 initSearchInfo 函数中动态更新目标 div 的内容。所以我在最后的 initSearchInfo 函数中再次应用了 slimscroll -

if($('#searchTable').parent('.slimScrollDiv').size() > 0) {
                $('#searchTable').parent().replaceWith($('#searchTable'));
                // now (re)assign slimScroll
                $('#searchTable').slimScroll({
                  color: '#FF915E', 
                  height: '353px',
                  alwaysVisible: true,
                  size: '8px'
            });

CSS -

.contentRight {float: right}

我使用slimscroll来满足我的滚动需求,效果很好.现在我需要水平滚动.一个快速的谷歌搜索给了我一些github源代码中的引用的结果和一些问题,表明已经添加了水平滚动支持,但我无处可以找到一个例子.我查看了javascript文件,希望找到一个从垂直切换到水平的标志.赫拉斯没什么那么明显的.所以我的问题是,如果是,可能如何？一个例子将不胜感激.

我有一个slimscroll应用内容.我使用scrollTo和scrollBy参数滚动到一个内容.例如:

$element.slimScroll({scrollBy : '100px'});

它的工作原理和内容按给定的数量滚动.但是,滚动条不会移动并保持在顶部位置,当我尝试通过鼠标滚轮滚动内容时,它将开始从顶部位置滚动,而不是从我滚动到javascript的位置滚动.所以,在第一个鼠标滚轮滚动时,我看到顶部的内容,而不是我用javascript滚动的下面的内容.

我怎么解决这个问题？

如何使用jQuery为此设置动画？我正在尝试在用户单击跨度时创建平滑的滚动功能p1c1.slimScroll正在运行,但我不确定如何将动画功能合并到此中.我应该尝试补间吗？

$('.p1c1').on("click", function(){
    var fromTop = $('.p2c1').position().top;
    $("#panel2").slimScroll({ scrollTo: fromTop  });
});

这是我正在尝试的动画类型,但在我的slimScroll面板中:

$('html, body').animate({
    scrollTop: $(".middle").offset().top
}, 2000);

这是slimScroll库:https://github.com/rochal/jQuery-slimScroll/

所以我一直在尝试将插件应用于Body Element,由于某种原因它只是不起作用..我尝试过的事情:

$(function() {
  $('body, html').slimScroll({
    size: '8px',
    width: '100%',
    height: '100%',
    color: '#ff4800',
    allowPageScroll: true,
    alwaysVisible: true
  });
});

$(function() {
  $('#body').slimScroll({
    size: '8px',
    width: '100%',
    height: '100%',
    color: '#ff4800',
    allowPageScroll: true,
    alwaysVisible: true
  });
});

有谁知道我做错了什么？在此先感谢您的回答

"如果我没有控制身体标签？我将模板嵌入第三方网站？所以身体没有id标签它只有视图来源:avatars.imvu.com/LadyKonstantine"