Scroll on the main content while opening the side menu

ionic-v1
1

Hello, there!

I’ve been trying to disable the main content while I open the side menu, but failed all of them.
When I start dragging to the right to open the side menu, if I don’t release my finger, I can play with the content of the main frame on the Y axis.
How do I prevent this from happening?

I’ve tried to use the “scroll=”{{shouldScroll}}" attribute in my “ion-content” and change the “shouldScroll” variable with $ionicGesture.on(‘dragright’).
It changes the value of the variable, but not the behaviour of the main frame.

Thanks in advance for your help! =)

1 Like
2

I’m having the same problem. Until a better solution, I temporarily opted for a css hack.

.menu-content.pane:not(.menu-animated) .scroll{
  -webkit-transform: translate3d(0px, 0px, 0px) scale(1) !important;
}
3

This is something we know about,

Side-menus need some attention soon.

4

Hello mhartington,

The video posted by you is exactly what we are experiencing too!

Thanks,
Danilo

5

Yeah, that is what i was talking about.

It’s good to see that you (from ionic) have such interest in answering ordinary people in your forum.
I’m glad I posted it here =).

Hope you fix it soon.

6

It worked perfectly! Thanks a million!

Actually not perfectly… when you do a release (finger up), the main content is moved.
But it it’s way better than being able to play with the screen like before =)

Thanks again.

7

It works, but still has some issues if you test it thoroughly. But the majority of users won’t recreate the issue anymore.

You’re welcome!

8

It’s not working for me. See attached: It only enables swiping up/down after I swipe left/right.

image
image.gif456×780 761 KB

9

Forgot about this:

<ion-side-menu-content class="menu-animated">
1 Like
10

hey @pcbulai thanks man!

1 Like
11

Awesome man. It’s working great. Thanks!!