Question

我已将jscrollpane应用到页面中的两个位置，一个是普通的静态内容，另一个是twitter个人资料。第一个正如预期的那样工作正常，直到在页面中实现了twitter feed。我在这之后得到一个空白页面。请参阅下面的代码。有什么帮助吗？

主管部分：

<script type="text/javascript" src="js/jquery-min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>

<script type="text/javascript" id="sourcecode">         
    $(function()
    {
        $('.scroll-pane').jScrollPane();
    });         
</script>

身体部分：

    <h1>Normal Content</h1>
    <div class="scroll-pane">
        <p>
            some text ...
        </p>
    </div>

    <h1>Twitter Feed</h1>           
    <div class="scroll-pane">
    <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 10,
      interval: 30000,
      width: '300',
      height: 'auto' ,
      theme: {
        shell: {
          background: '#d12a00',
          color: '#ffffff'
        },
        tweets: {
          background: '#ffffff',
          color: '#474747',
          links: '#d12a00'
        }
      },
      features: {
        scrollbar: false,
        loop: false,
        live: false,
        behavior: 'all'
      }
    }).render().setUser('rajkut').start();          
    </script>
    </div>

Answer 1

你必须添加你的滚动窗格方法：

$('.scroll-pane').jScrollPane({
                autoReinitialise: true,
                verticalDragMinHeight: 20,
                verticalDragMaxHeight: 20,
                horizontalDragMinWidth: 20,
                horizontalDragMaxWidth: 20
    });

这里最重要的是autoreinitialise东西，顺便说一句，我还建议你为第二个滚动窗格的容器添加一些高度因为记住插件将溢出切换到隐藏

<div class="scroll-pane" style="height:someheight">

Answer 2

您无需设置高度。它会自动填充高度，因此您不会浪费任何空间。

jScrollPane没有使用twitter个人资料Feed

2 个答案: