title: AppBar hides view when scrolling until collapsed
body: <p>My AppBar hides one of my views right when it reaches the end of the scrolling, but I want the pinned view to stay above the AppBar even when it reaches the end of its scrolling. </p>
  
  <p>Here is what my view looks like before I start scrolling:
  <img src="https://i.stack.imgur.com/lcFIJ.png" alt=""></p>
  
  <p>And this is what it looks like when it is fully scrolled:
  <img src="https://i.stack.imgur.com/t4VFW.png" alt=""></p>
  
  <p>You can see that the circular image on the bottom left of the AppBar is now hidden under the bar. </p>
  
  <p>Here is my fragment's XML code:</p>
  
  <pre><code>&lt;android.support.design.widget.CoordinatorLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:id="@+id/main_content"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fitsSystemWindows="true"&gt;
  
      &lt;android.support.design.widget.AppBarLayout
          android:id="@+id/appbar"
          android:layout_width="match_parent"
          android:layout_height="150dp"
          android:fitsSystemWindows="true"
          android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"&gt;
  
          &lt;android.support.design.widget.CollapsingToolbarLayout
              android:id="@+id/collapsing_toolbar"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:fitsSystemWindows="true"
              app:contentScrim="@color/translucent"
              app:expandedTitleMarginEnd="64dp"
              app:expandedTitleMarginStart="48dp"
              app:layout_scrollFlags="scroll|exitUntilCollapsed"&gt;
  
              &lt;ImageView
                  android:id="@+id/backdrop"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:background="@color/dark_gray"
                  android:fitsSystemWindows="true"
                  android:scaleType="centerCrop"
                  app:layout_collapseMode="parallax" /&gt;
  
              &lt;android.support.v7.widget.Toolbar
                  android:id="@+id/toolbar"
                  android:layout_width="match_parent"
                  android:layout_height="?attr/actionBarSize"
                  app:layout_collapseMode="pin"
                  app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /&gt;
  
          &lt;/android.support.design.widget.CollapsingToolbarLayout&gt;
  
      &lt;/android.support.design.widget.AppBarLayout&gt;
  
  
      &lt;android.support.v4.widget.NestedScrollView
          ...
      &lt;/android.support.v4.widget.NestedScrollView&gt;
  
  
      &lt;de.hdodenhof.circleimageview.CircleImageView
          android:id="@+id/profile_image"
          android:layout_width="80dp"
          android:layout_height="80dp"
          android:layout_margin="16dp"
          android:fitsSystemWindows="true"
          android:src="@drawable/default_profile"
          app:border_color="@android:color/white"
          app:border_width="2dp"
          app:layout_anchor="@id/appbar"
          app:layout_anchorGravity="bottom|left|end" /&gt;
  
      &lt;android.support.design.widget.FloatingActionButton
          ... 
      /&gt;
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p>How do I fix this so that the circular imageview on the bottom left of the AppBar stays above it even when it reaches the end of its scrolling?</p>