p:scrollpanel在p:通知栏中无法正常工作

时间:2017-05-12 07:49:08

标签: jsf primefaces

我需要在主要面孔的通知栏中应用滚动面板,内容可见,但滚动不起作用。

任何人都可以帮助我吗?

下面给出的代码看看。感谢。

<p:notificationBar position="top" effect="slide" style="margin-left:30px;width:500px;margin-top:51px;height:300px" styleClass="top" widgetVar="bar">
                <p:scrollPanel style="width:400px;height:280px">
                <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat. Nulla sit amet lorem justo. Cras non tellus eros. Sed ultricies orci ut quam interdum fringilla. Nam vitae massa ac mi elementum mattis vel vitae sem. Ut eros ipsum, scelerisque a erat a, eleifend luctus nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus.
    </p>
    <p>
        Vivamus ac ullamcorper magna. Aenean felis ante, elementum sit amet urna at, eleifend aliquet velit. Morbi a convallis magna. In nec leo vel dolor hendrerit pharetra. Cras in iaculis enim. Aenean porta sapien dignissim turpis dapibus, eu dictum velit elementum. Aliquam sollicitudin gravida luctus.
    </p>
    <p>
        Ut vel nulla sit amet erat laoreet eleifend nec sed lacus. Quisque placerat diam vitae justo eleifend, rutrum mollis mauris fringilla. Curabitur turpis odio, euismod id lorem a, ultricies suscipit ligula. Pellentesque ut erat a leo rhoncus porta ac sed velit. Nunc at erat ligula. Fusce vehicula posuere interdum. Curabitur tempus, tortor at sollicitudin dapibus, erat ante varius nisl, id dictum erat ipsum porttitor ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla id varius enim, sed rutrum orci.
    </p>

</p:scrollPanel>
</p:notificationBar>

1 个答案:

答案 0 :(得分:0)

mode属性值设置为native的{​​{1}}:

<p:scrollPanel>

不幸的是,我不知道它是什么意思以及其他启用的值是什么。但是当我将它设置为此值时,scrollPanel就会在此组件中运行。