Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scroller + XImg 只能显示第一屏的图片 #1097

Closed
micheal-death opened this issue Mar 16, 2017 · 1 comment
Closed

Scroller + XImg 只能显示第一屏的图片 #1097

micheal-death opened this issue Mar 16, 2017 · 1 comment

Comments

@micheal-death
Copy link

micheal-death commented Mar 16, 2017

Version

2.1.1-rc.11

Android or iOS

Chrome模拟iOS

For Android issues, please specify the brand, model and browser

Your Codes

    <scroller height="-96" lock-x scrollbar-y>
      <div>
        <div v-for="src in list" style="background-color:yellow;text-align:center;">
          <span style="font-size:20px;">Loading</span>
          <x-img :src="src" :webp-src="`${src}?type=webp`" @on-success="success" @on-error="error" class="ximg-demo" error-class="ximg-error" :offset="-100" container="#vux_view_box_body"></x-img>
        </div>
      </div>
    </scroller>

Expected behavior and actual behavior.

只要在XImg列表外加一层Scroller图片懒加载就不能正常工作,只有初始化列表的时候显示第一屏的图片,之后滚动到的图片都不显示,去掉Scroller则一切正常。

Steps to reproduce the problem

@airyland
Copy link
Owner

这里文档没有写,实现上比较 dirty,要把 scroller 传入 x-img。

https://github.com/airyland/vux/blob/v2/src/demos/XImgScroller.vue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants