Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

jquery scroll bar not works in dropdown

jquery scroll bar not works in dropdown

Problem

Kindly guide me what i am missing, i was trying different things but it stuck,

i made a dropdrown notification and want to use Jquery Scroll Bar in it to make it cool, but i have tried many jquery plugin but the thing is all are stop working when try to call them in the element which comes in hover.

Finally i go with tiny scroll bar but it also show me disable for the class in which it generate scroll bar,

i have been checked there is no jquery error.

below is my link in which i work, appreciate any help

http://techchef.org/numoni/dashboard.html

Problem courtesy of: mobi001

Solution

Ok i have done that:) the thing is scroll bar doesnot works, if the element is by default set to none, as it calculates the element height & width, show i use toggle function for this instead of display:none, i use visibility as hidden by default.

so i do like below

$(document).ready(function() {


  $("#notificationicon").click(function(){
  $("#notificationdropdown").slideDown("slow");
   $("#notificationdropdown").attr("style", "visibility: visible");
});

$("#notificationdropdown").mouseleave(function(){
$("#notificationdropdown").slideUp("slow");
});
Solution courtesy of: mobi001

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

jquery scroll bar not works in dropdown

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×