JavaScript facebook style menu implementation facebook style dropdown menu

I am trying to put together a responsive site that works on a desktop/ipad/iphone/android tablet etc.

I am trying to add in the facebook style left hand menu - the one that has the three lines that when you click the menu slides in and then the and the content is moved over

the problem i am having is that i have set the

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

so when i slide in content it extends the viewport even if i set the container to have a overflow hidden. Now i know i could just slide the menu in over the content but this is not what the client wants

I am doing the slide in of the menu using css transitions and this seems to be smooth rather than jQuery.

has anyone had a similar problem / can suggest a way round doing this?

cheers

dan

Answer:1

When using jQuery on, is there a way to get the selected element from within the handler, as opposed to the event target? For example, none of the following is related to body: $('body').on('click', ...

When using jQuery on, is there a way to get the selected element from within the handler, as opposed to the event target? For example, none of the following is related to body: $('body').on('click', ...

I have four different HighChart spline charts. All contain six series representing the six New England states. I want to click any legend and hide/show that series in all charts. I have tried ...

I have four different HighChart spline charts. All contain six series representing the six New England states. I want to click any legend and hide/show that series in all charts. I have tried ...

  1. highcharts legend chart
  2. highcharts chart legend position
  3. highcharts one legend multiple charts
  4. legend in highcharts
  5. highcharts legend on top of chart
  6. highcharts legend options
  7. legend options in highcharts
  8. highcharts legend inside chart

I have a list of links to posts on a page. When clicked, the link triggers a lightbox with a partial showing the post. My problem: 1.) A user interacts with the lightbox and changes information ...

I have a list of links to posts on a page. When clicked, the link triggers a lightbox with a partial showing the post. My problem: 1.) A user interacts with the lightbox and changes information ...

I have the following Object: var obj = { "2014": {}, "2013": {}, "2012": {}, "description": null, "image": null }, objKeys = Object.keys(obj); //objKeys contains [ "2014", "2013", "2012", "...

I have the following Object: var obj = { "2014": {}, "2013": {}, "2012": {}, "description": null, "image": null }, objKeys = Object.keys(obj); //objKeys contains [ "2014", "2013", "2012", "...