issue-18587.uvue 773 B

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <view style="flex: 1;">
  3. <button id="test-btn" @click="scrollTo(100)">滚动到100px位置</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. }
  15. },
  16. onLoad() {
  17. },
  18. methods: {
  19. scrollTo(scrollTop: number) {
  20. const scroll = uni.getElementById('scroll') as UniScrollViewElement
  21. scroll.scrollTop = scrollTop
  22. },
  23. onScrollEnd() {
  24. console.log('scrollEnd触发了')
  25. this.scrollEndTriggeredTimes++
  26. }
  27. }
  28. }
  29. </script>
  30. <style>
  31. </style>