微信小程序带图片滚动弹窗scroll-view

最近要实现一个登陆后直接展示一个手册弹窗的功能，然后发现小程序在手机端有些许不好使，所以根据小程序实现了一下，主要i用到的有scroll-view的滑块模组，然后就是思维流程了
希望可以和大家共勉

//wxml
<view class="modalDlg" wx:if="{
   {ifshow}}">
  <scroll-view 
    scroll-y style="width: 100%; height: 400px;"
    refresher-enabled="{
   {true}}"
    refresher-threshold="{
   {80}}"
    refresher-default-style="none"
    refresher-background="lightgreen"
    bindrefresherpulling="{
   {refresh.onPulling}}"
  >
    <image src="../images/bannertop.jpg" mode="widthFix" style="width:100%" >