mescroll

我要的效果： 但是界面中引入了mescroll后，横向滚动就失效。 第一次碰到这个问题: 原因： 比如你希望顶部导航菜单 class="nav-top"的div 可接收touchmove事件, 则class="nav-top mescroll-touch" 如果添加mescroll-touch-x 则可水平滑动 ; 如果添加mescroll-touch-y 则可上下滑动 官网表述文档： http://www.mescroll.com/qa.html?v=66#q10 来源： oschina 链接： https://my.oschina.net/u/4406751/blog/4462548

前言：最近项目好几个都怼到一起，导致好久没有更新了。这里就简单记录下这段时间常常要写的瀑布流列表 纯css实现： 直接上代码 < style lang = "scss" > . post - list { /* 列表设置,2列;列间距4*/ - webkit - column - count : 2 ; - webkit - column - gap : 16upx ; padding : 30upx 16upx ; . post - li { - webkit - column - break - inside : avoid ; /* 单个设置*/ } } < / style > 效果：竖向排列，并且在排列中，会尽量使得两列的高度相近 竖向排列.png 所以这样的实现并不能用于列表分页加载。。。每次加载新页面，会使得整个列表重排。。。。 js动态排序： 还是用最近一直在写的uni-app写的，通过获取元素的高度进行绝对定位 还是上代码（数据） data ( ) { return { mescroll : null , //目前在用的上拉组件（别的组件也一样，原理基本相似） upOption : { //上拉组件配置 page : { size : 6 // 每页数据的数量,默认10 } , } , list : [ ] , //列表数据 mark : 0 , // 定位

在移动web开发过程中，遇到这样一个问题：返回父页面时，父页面会自动刷新。这个机制在某种场景下很好用，但在列表页与详情页之间跳转时就会导致一个很不好的用户体验。那就是详情页回到列表页时会导致页面刷新，列表页又重置为第一页的数据。 要解决这个问题，第一时间想到的就是有没有方法禁用掉浏览器自身的刷新机制，把刷新禁用了，从详情页返回列表页自然就停留在之前访问的位置了。可惜百度了一番，暂未查到如何禁用浏览器的自动刷新功能，该方案只能放弃！ 既然没有禁用浏览器刷新的这条捷径，那就只能靠代码来手动实现了。要实现定位到之前点击的那一条所在位置，最重要的是以下两步操作： 1、记录跳转之前列表的页码数。比如我们一页显示10条数据，我们点击的是第3页的第24条数据，那我们要把页码数3记录下来。我们要定位到当前24条数据所在位置，我们至少得从后台请求3页共30条数据过来，否则数据都没有，后续就根本不用想了。 2、记录列表页中滚动条当前滚动的距离。我们想要定位到之前点击的位置，就需要通过此距离让页面重新滚动到对应的位置上。 这两条数据我们可以将其保存到本地缓存中，可选择的有sessionStorage跟localStorage。这里选择sessionStorage比较好，因为sessionStorage会在会话结束之后自动清理掉，会话结束了，我们也不需要这两条记录了。

在移动web开发过程中，遇到这样一个问题：返回父页面时，父页面会自动刷新。这个机制在某种场景下很好用，但在列表页与详情页之间跳转时就会导致一个很不好的用户体验。那就是详情页回到列表页时会导致页面刷新，列表页又重置为第一页的数据。 要解决这个问题，第一时间想到的就是有没有方法禁用掉浏览器自身的刷新机制，把刷新禁用了，从详情页返回列表页自然就停留在之前访问的位置了。可惜百度了一番，暂未查到如何禁用浏览器的自动刷新功能，该方案只能放弃！ 既然没有禁用浏览器刷新的这条捷径，那就只能靠代码来手动实现了。要实现定位到之前点击的那一条所在位置，最重要的是以下两步操作： 1、记录跳转之前列表的页码数。比如我们一页显示10条数据，我们点击的是第3页的第24条数据，那我们要把页码数3记录下来。我们要定位到当前24条数据所在位置，我们至少得从后台请求3页共30条数据过来，否则数据都没有，后续就根本不用想了。 2、记录列表页中滚动条当前滚动的距离。我们想要定位到之前点击的位置，就需要通过此距离让页面重新滚动到对应的位置上。 这两条数据我们可以将其保存到本地缓存中，可选择的有sessionStorage跟localStorage。这里选择sessionStorage比较好，因为sessionStorage会在会话结束之后自动清理掉，会话结束了，我们也不需要这两条记录了。