底部Tab+FrameLayout嵌套CoordinatorLayout+Viewpager切换时布局错乱

顶部伸缩效果

现在要实现这么一个效果，有一个标题栏（或者其他控件），下面是tablayout+viewpager，然后在viewpager里面的内容滑动的时候tab悬浮，有点像微博热搜的界面

向下滑动之前

向下滑动之后

CoordinatorLayout实现头部布局滑动时隐藏

在5.0之后，Google推出了一系列md控件，其中用的最多的就是CoordinatorLayout，它可以实现很酷炫的粘连效果，伸缩控件，直接上代码：

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/en_title_bg"
        app:layout_behavior="包名.FlingBehavior"
        android:fitsSystemWindows="true">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:titleEnabled="false">

            <include layout=