我想使用平滑Div滾動(http://www.smoothdivscroll.com)在網站上製作一個「全屏」投資組合/)。我遇到了一個問題,左邊的滾動很多,比右邊的滾動快得多。我在演示中注意到它們的速度都是相同的,我不知道爲什麼它不適合我的生活。我粘貼了下面的CSS和JS。我還提供了該網站的鏈接。如果有人對我如何解決這個問題有想法,我會非常感激!jQuery平滑的div滾動滾動速度在左側比在右側快得多
CSS:
div#full-screen-portfolio {
width: 100%;
height: 100%;
overflow-y: hidden;
}
div.scrollWrapper
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
div.scrollableArea
{
position: relative;
width: auto;
height: 100%;
}
div.scrollingHotSpotLeftVisible
{
width: 130px;
height: 200px;
top: 50%;
margin-top: -100px;
left: 20px;
position: absolute;
z-index: 1000;
background: url(images/full-screen-arrow-left.png) transparent no-repeat center center;
zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}
div.scrollingHotSpotRightVisible
{
width: 130px;
height: 200px;
top: 50%;
margin-top: -100px;
right: 20px;
position: absolute;
z-index: 1000;
background: url(images/full-screen-arrow-right.png) transparent no-repeat center center;
zoom: 1;
}
body.full-screen-portfolio div#back-button {
position: absolute;
z-index: 1000;
top: 30px;
left: 30px;
}
body.full-screen-portfolio div#contact-us-area {
position: absolute;
bottom: 50px;
left: 0;
z-index: 1000;
}
body.full-screen-portfolio div#contact-us-area ul {
list-style: none;
margin: 0;
padding: 0;
}
body.full-screen-portfolio div#contact-us-area ul li {
float: left;
height: 91px;
}
JS:
$("#full-screen-portfolio").smoothDivScroll({
visibleHotSpotBackgrounds: "always",
hotSpotScrollingStep: 100
});
網站:
http://lightboxwebsitedesign.co.uk/newsite/full-screen-portfolio/