now according to given code, custom scrolling applied on body. but i want to apply it only where class=dropdown-menu.
now according to given code, custom scrolling applied on body..but i want to apply it only where class=dropdown-menu
<ul class="dropdown-menu" style="width:250px;max-height:300px;overflow-x:auto;">
<asp:GridView ID="grdnotification" runat="server">
</asp:GridView>
</ul>
<style type="text/css">
/* For the "inset" look only */
html {
overflow: auto;
}
body {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
padding: 0px;
overflow-y: scroll;
overflow-x: hidden;
}
/* Let's get this party started */
::-webkit-scrollbar {
width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255,0,0,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4);
}