JQuery - jScrollPane - 动态高度保持不变

时间:2011-10-27 07:38:52

标签: jquery css jscrollpane javascript

我正在尝试使用jScrollPane在动态div中进行滚动,但我遇到了一些麻烦......

这是我的结构

<div id="DynamicDivHeightAndWidth">
   <div id="Content">
       <div id="TextContent"></div>
   </div>
</div>

我只有这个CSS的标题(仅适用于必须具有动态高度和动态宽度的主要div)

.DynamicDivHeightAndWidth{
color:#FFF;
float:left;
margin-left:30px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
background-color:#000;
border:solid #FF6C00 3px;
display:none;
z-index:10;
overflow:hidden;
width:21%;
height:21%;}

我的jScrollPane声明如下:

$(function()
        {
            $('#Content').each(
                function()
                {
                    $(this).jScrollPane(
                        {
                            showArrows: $(this).is('.arrow')
                        }
                    );
                    var api = $(this).data('jsp');
                    var throttleTimeout;
                    $(window).bind(
                        'resize',
                        function()
                        {
                            if ($.browser.msie) {
                                // IE fires multiple resize events while you are dragging the browser window which
                                // causes it to crash if you try to update the scrollpane on every one. So we need
                                // to throttle it to fire a maximum of once every 50 milliseconds...
                                if (!throttleTimeout) {
                                    throttleTimeout = setTimeout(
                                        function()
                                        {
                                            api.reinitialise();
                                            throttleTimeout = null;
                                        },
                                        50
                                    );
                                }
                            } else {
                                api.reinitialise();
                            }
                        }
                    );
                }
            )

        });

现在我的问题是我的“DynamicDivHeightAndWidth”有一个动态宽度,但高度保持不变,我不知道为什么?

我尝试了很多问题,但仍然无效......

感谢您的帮助^^

1 个答案:

答案 0 :(得分:0)

您是否将html和身高设置为100% 另外,只需检查您的CSS,您将动态div定义为类而不是id