自定義水平滾動條不會走到軌道的盡頭

Question

我已經爲jscrollpane創建了一個自定義滾動條，它看起來工作正常，直到我滾動到結尾，並且在結束之前停止，就像它卡住了一樣。我希望它能夠結束，以便人們知道沒有更多可以滾動的東西。我改變的唯一CSS樣式是jspHorizo​​ntalBar，jspTrack，jspDrag。

/* 
* CSS Styles that are needed by jScrollPane for it to operate correctly. 
* 
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane 
* may not operate correctly without them. 
*/ 

.jspContainer 
{ 
overflow: hidden; 
position: relative; 
} 

.jspPane 
{ 
position: absolute; 
} 

.jspVerticalBar 
{ 
position: absolute; 
top: 0; 
right: 0; 
width: 16px; 
height: 100%; 
background: red; 
} 

.jspHorizontalBar 
{ 
position: absolute; 
bottom: 0; 
left: 0; 
width: 100%; 
height: 25px; 
background-color: #fff; 
} 

.jspVerticalBar *, 
.jspHorizontalBar * 
{ 
margin: 0; 
padding: 0; 
} 

.jspCap 
{ 
display: none; 
} 

.jspHorizontalBar .jspCap 
{ 
float: left; 
} 

.jspTrack 
{ 
background: #fff; 
position: relative; 
background-image:url(../images/track.gif); 
background-repeat: repeat-x; 
} 


.jspDrag 
{ 
position: relative; 
top: 10px; 
left: 0; 
cursor: pointer; 
background-image:url(../images/move_me.jpg); 
background-repeat:no-repeat; 
border: 0px; 
} 

.jspHorizontalBar .jspTrack, 
.jspHorizontalBar .jspDrag 
{ 
float: left; 
height: 100%; 
} 

.jspArrow 
{ 
background: #50506d; 
text-indent: -20000px; 
display: block; 
cursor: pointer; 
} 

.jspArrow.jspDisabled 
{ 
cursor: default; 
background: #80808d; 
} 

.jspVerticalBar .jspArrow 
{ 
height: 16px; 
} 

.jspHorizontalBar .jspArrow 
{ 
width: 16px; 
float: left; 
height: 100%; 
} 

.jspVerticalBar .jspArrow:focus 
{ 
outline: none; 
} 

.jspCorner 
{ 
background: #eeeef4; 
float: left; 
height: 100%; 
} 

/* Yuk! CSS Hack for IE6 3 pixel bug :(*/ 
* html .jspCorner 
{ 
margin: 0 -3px 0 0; 
} 

Answer 1

簡單修復。

你 - >

<div class="jspDrag" style="width: 166px; left: 1097px;"> 

此對象的寬度被擊中頁的末尾。改變寬度，對象將被允許進入頁面的末尾。