issue-18773.uvue 795 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <view style="flex: 1;">
  3. <button id="test-btn" @click="scrollTo()">滚动</button>
  4. <scroll-view id="scroll" style="flex: 1;" direction="vertical" @scrollend="onScrollEnd">
  5. <view style="border: dashed 10px black; height: 3000px;"></view>
  6. </scroll-view>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {
  13. scrollEndTriggeredTimes: 0,
  14. scrollTop: 0
  15. }
  16. },
  17. onLoad() {
  18. },
  19. methods: {
  20. scrollTo() {
  21. const scroll = uni.getElementById('scroll') as UniScrollViewElement
  22. scroll.scrollTop = this.scrollTop
  23. this.scrollTop += 20
  24. },
  25. onScrollEnd() {
  26. console.log('scrollEnd触发了')
  27. this.scrollEndTriggeredTimes++
  28. }
  29. }
  30. }
  31. </script>
  32. <style>
  33. </style>