arie_cristianD

add scrolling efect on jnews tab post widget

Jan 28th, 2026
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.83 KB | None | 0 0
  1.  
  2. .jeg_tabpost_widget .jegwidgetpopular{
  3.   overflow-y: auto;
  4.   overflow-x: hidden;
  5.   -webkit-overflow-scrolling: touch;
  6.   scrollbar-gutter: stable;  
  7.   height: 600px; /* Post list height */
  8. }
  9.  
  10. .jeg_tabpost_widget .jegwidgetpopular{
  11.   scrollbar-width: thin;                      
  12.   scrollbar-color: rgba(0,0,0,.25) transparent;
  13. }
  14.  
  15. .jeg_tabpost_widget .jegwidgetpopular::-webkit-scrollbar{
  16.   width: 10px;
  17. }
  18. .jeg_tabpost_widget .jegwidgetpopular::-webkit-scrollbar-track{
  19.   background: transparent;
  20. }
  21. .jeg_tabpost_widget .jegwidgetpopular::-webkit-scrollbar-thumb{
  22.   background: rgba(0,0,0,.22);
  23.   border-radius: 999px;
  24.   border: 3px solid transparent;  
  25.   background-clip: content-box;
  26. }
  27. .jeg_tabpost_widget .jegwidgetpopular::-webkit-scrollbar-thumb:hover{
  28.   background: rgba(0,0,0,.35);
  29.   background-clip: content-box;
  30. }
  31.  
Advertisement
Add Comment
Please, Sign In to add comment