2017-04-05 5 views
0

J'ai une liste non triée avec certaines largeur et hauteur. Ce que j'essaye d'accomplir est une situation où je clique sur l'article de liste et après que je veux qu'il déborde par la barre de défilement dans la liste (ne pensez pas à le rendre actif, à peu près débordant la barre de défilement).Comment obtenir la barre de défilement derrière les éléments

scrollbar Normal (XXXX est scrollbar):

Item 1 |X| 
Item 2 |X| 
Item 3 |X| 
Item 4 |X| 
Item 5 | | 
Item 6 | | 
Item 7 | | 
Item 8 | | 
Item 9 | | 

Ce que je voudrais après avoir cliqué sur le 3. L'article

Item 1 |X| 
Item 2 |X| 
    Item 3 
Item 4 |X| 
Item 5 | | 
Item 6 | | 
Item 7 | | 
Item 8 | | 
Item 9 | | 

Scrollbar est derrière 3. point, et je peux le déplacer si Je descends, il ressemblera à ceci:

Item 1 | |  Item 1 | | 
Item 2 |X|  Item 2 | | 
    Item 3   Item 3 
Item 4 |X|  Item 4 |X| 
Item 5 |X| OR Item 5 |X| 
Item 6 | |  Item 6 |X| 
Item 7 | |  Item 7 |X| 
Item 8 | |  Item 8 | | 
Item 9 | |  Item 9 | | 

Merci d'avance pour toute idée

+2

Vous pouvez essayer [** jouer avec z-index **] (http: // jsFiddle .net/Mistalis/hg7g8sL6 /) – Mistalis

+0

Vous devez déplacer l'élément "Item 3" à l'extérieur de l'élément conteneur dans lequel il se trouve actuellement. – jtate

Répondre

0

Try jquery.jscrollpane.min.js et modifier le jquery.jscrollpane.css avec z-index ...