Smooth Div滾動jquery不滾動

Question

Smooth Div Scroll非常棒，但由於某些原因，當我編輯或刪除#makeMeScrollable或#makeMeScrollable div.scrollableArea * 時，該區域不再滾動。這是定製問題。

和我拍照後，它不會工作的「*」出div.scrollableArea的*

如果我編輯與

它已經令人沮喪搞清楚爲什麼部分這應該是部分可編輯不工作。

這個jQuery的任何幫助將有所幫助！提前致謝！

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */ 

/* Invisible left hotspot */ 
div.scrollingHotSpotLeft 
{ 
    /* The hotspots have a minimum width of 75 pixels 
     and if there is room the will grow and occupy 10% 
     of the scrollable area (20% combined). 
     Adjust it to your own taste. */ 
    min-width: 75px; 
    width: 10%; 
    height: 100%; 
    /* There is a big background image and it's used to 
    solve some problems I experienced in Internet Explorer 6. */ 
    background-image: url(../images/big_transparent.gif); 
    background-repeat: repeat; 
    background-position: center center; 
    position: absolute; 
    z-index: 200; 
    left: 0; 
    /* The first cursor url is for Firefox and other 
     browsers, the second is for Internet Explorer */ 
    cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize; 
} 

/* Visible left hotspot */ 
div.scrollingHotSpotLeftVisible 
{ 
    background-image: url(../images/arrow_left.gif);     
    background-color: #fff; 
    background-repeat: no-repeat; 
    /* Standard CSS3 opacity setting */ 
    opacity: 0.35; 
    /* Opacity for really old versions of 
     Mozilla Firefox (0.9 or older) */ 
    -moz-opacity: 0.35; 
    /* Opacity for Internet Explorer. */ 
    filter: alpha(opacity = 35); 
    /* Use zoom to Trigger "hasLayout" in 
     Internet Explorer 6 or older versions */ 
    zoom: 1; 
} 

/* Invisible right hotspot */ 
div.scrollingHotSpotRight 
{ 
    min-width: 75px; 
    width: 10%; 
    height: 100%; 
    background-image: url(../images/big_transparent.gif); 
    background-repeat: repeat; 
    background-position: center center; 
    position: absolute; 
    z-index: 200; 
    right: 0; 
    cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize; 
} 

/* Visible right hotspot */ 
div.scrollingHotSpotRightVisible 
{ 
    background-image: url(../images/arrow_right.gif); 
    background-color: #fff; 
    background-repeat: no-repeat; 
    opacity: 0.35; 
    filter: alpha(opacity = 35); 
    -moz-opacity: 0.35; 
    zoom: 1; 
} 

/* The scroll wrapper is always the same width and 
    height as the containing element (div). Overflow 
    is hidden because you don't want to show all of 
    the scrollable area. 
*/ 
div.scrollWrapper 
{ 
    position: relative; 
    overflow: hidden; 
    width: 100%; 
    height: 100%; 
} 

div.scrollableArea 
{ 
    position: relative; 
    width: auto; 
    height: 100%; 
} 
#makeMeScrollable 
{ 
width:100%; 
height: 330px; 
position: relative; 
} 
#makeMeScrollable div.scrollableArea * 
{ 
position: relative; 
float: left; 
margin: 0; 
padding: 0; 
} 

http://www.smoothdivscroll.com/

// ^上​​面的鏈接我談論

Answer 1

這仍然是一個問題，或者已將它解決了jQuery？ 由於您問了這個問題1.2版已經發布，它的工作原理與版本1.1有點不同。

在你的問題中，你提到當你在CSS標識符「div.scrollableArea *」中取出星號時，事情停止工作。這個標識符只是說「任何/任何類型的元素在scrollableArea裏面，如果你刪除它，你需要用更具體的東西替換它，如果你有圖片，你可以使用」div.scrollableArea img「。使用「div.scrollableArea div」，如果你有鏈接的東西，你使用「div.scrollableArea a」等等。

重要的是，內置在scrollableArea中的元素顯示在一個長行。我已經用了完成這使相對他們位置，從您浮動他們離開，並設置其display屬性來阻止（要求在DOM其特定的水平空間所需的元素），除了可以設置漂亮你自己的品味很多。