I have been trying to disable the scroll on body when modal pop up appears.I added body overflow hidden when i open the modal pop up and i will set it to default state when i close the pop up.this technique works well in all desktop browsers but not in mobile devices.To fix the issue in iPod/iPhone i added

```
-webkit-overflow-scrolling: touch;

```

but it does not work in iPad.
my code

```
function toggleMenu() {
if (!toggle) {
$("body").css("overflow", "hidden");
}else{
$("body").css("overflow", "");
}
toggle = !toggle;

```

I have tried many solution suggested in stack overflow but no luck.
Note:Position fixed also tried but no luck.
it works well all the other devices except iPod.Donot know how to solve please somebody help me to fix issue.
Thank you.