jquery - CSS jQuery 滚动面板问题

Question

我正在使用 jquery.jscrollpane.js 将滚动条放在 div 上。好像是在下一页的底部放了一个水平滚动条，请问有人能帮忙吗？

http://souk.gumpshen.com/our-story/

Answer 1

这与您在 .flower 上的 css 有关。

.flower {
    background: transparent url("../images/flowers.png") no-repeat 0 0;
    margin-top: -360px;
    left: 696px;
    position: relative;
    width: 100%;
    z-index: 101;
    width: 400px;
    height: 400px;
}

您将宽度设置得太大，以至于溢出页面。您还可以更改高度，因为它仅使用 289px x 367px 的背景图像并删除 width: 100%;

.flower {
    background: transparent url("../images/flowers.png") no-repeat 0 0;
    margin-top: -360px;
    left: 696px;
    position: relative;
    z-index: 101;
    width: 289px;
    height: 367px;
}