vue实现上下无限滑动日历组件

思路:用一个容器包裹三个用于显示每个月日历的div,当滚动条滚动到顶部时,设置scrollTop 等于第一个div的

offsetHeight。当滚动条滚动到底部时,设置scrollTop:
e.target.scrollTop = e.target.scrollHeight - e.target.clientHeight - nextmonth.offsetHeight。以此达到无限滑动的效果

效果图:

vue实现上下无限滑动日历组件_第1张图片

vue实现上下无限滑动日历组件_第2张图片






 

你可能感兴趣的:(vue实现上下无限滑动日历组件)