now is a div quilt data props up the scroll bar, inside is an element table, when the scroll bar slides to the bottom, select paging, the scroll bar will not return to the top, or in the original position, how to get back to the top? Not a browser scroll bar
external div setting overflow:scroll , then click Action to scroll directly to the top
<template>
<div class="container" ref="container">
<table>
<tr>
<td>hhhhhh</td>
<td>111111</td>
</tr>
<tr>
<td>hhhhhh</td>
<td>111111</td>
</tr>
<tr>
<td>hhhhhh</td>
<td>111111</td>
</tr>
<tr>
<td>hhhhhh</td>
<td>111111</td>
</tr>
<tr>
<td>hhhhhh</td>
<td>111111</td>
</tr>
<tr>
<td>hhhhhh</td>
<td>111111</td>
</tr>
</table>
<button @click="backTop"></button>
</div>
</template>
<script>
export default {
props: {
data: String
},
components: {},
data () {
return {
}
},
methods: {
backTop () {
console.log(this.$refs.container.scrollTop)
this.$refs.container.scrollTop = 0
}
}
}
</script>
<style scoped>
.container{
height: 500px;
background: -sharpffffff;
overflow: scroll;
}
tr{
height: 200px;
}
</style>
after clicking to turn the page, you can directly use js to set the scrollTop attribute value of this div to 0.
iview hopes to help you https://www.iviewui.com/compo...
.has anyone ever used or known this kind of cascading carousel for mobile, element-ui is PC for mobile, it will collapse for mobile? do you know, wait for online, etc....
can the front end imitate my Alipay app drag-and-drop? Find the solution long press to move and adjust position. I use the sortable.js plugin , but I can t drag and drop it on my phone . var el = document.getElementById( items ) ...
::vue now I want to add the function is to click the play button to hide, pause to show I have tried to add subtracted classes to it, but it does not work, is there any good way to solve this problem? ...
I have done a mobile function to simulate scrolling. The scrolling container contains pictures arranged vertically. At the beginning, I wrote the width and height of the pictures in css. Because the simulated scrolling needs to obtain the height of the c...
is writing a vue audio component. The audio progress bar will be displayed in the style. When playing, the progress bar will scroll forward smoothly. When the user clicks pause, it will pause the progress bar and click the continue progress bar to conti...
Code and effect address brief description of the problem. When you drag the mouse to select a cell, the data of component has changed, but the page display will have to wait until after mouseup, and if the status of k is not displayed on the page, t...
three buttons, set the style and change the button color when you click. When running on the mobile phone, it is found that the button will flash when it is clicked, how to make it not flicker when it is clicked? ...
in the vue template, the control child element (the echarts chart component) is equal in size to the parent element (div). In the mounted hook of the parent element, the height and width of the parent element (div) are obtained and passed to the child e...
<template> <div id="item"> <transition-group name="trans" v-on:enter="enter" v-on:leave="leave" v-on:after-leave="afterLeave"> <div class="item-list" key="0&quo...
the recently used cdn is always wrong. First, the bootcss is hung up directly. After switching to unpkg, it is found that you need to hang up vpn at some time before you can access it. Can you introduce two sets of cdn, one of which fails and then the o...
when I use vue s transition for carousel, why do I come in from the upper left corner when I come in? demo reproduction https: codepen.io jackpan pe. ...