实现导航条选中居中的方法

元素显示在屏幕水平中心需要的

1,屏幕一半的宽度;

2,元素一半的宽度;有了这两个条件怎样知道这个元素在可视区域中间呢,用屏幕的一半减去当前元素的一半,可以知道当前元素距离可视区域左边框的距离。这个距离就是让元素待在窗口中间的距离。


3,需要得到当前元素距离可视区域左边距。

4,当前元素距离左边框的距离 - 让元素待在窗口中间的距离=元素中间的偏差。

5,横向滚动条向左移动的距离等于元素元素中间的偏差,(当他们的偏差为正值时横向滚动条会移动)这只成功了一半,当横向滚动条以移动时就要加上已经移动的距离。

主要代码:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1 92
  • 时光如梭,不知不觉学习“六项精进” 已经有半年的时间,半年中自己从当初的激情渐渐过渡到现在的平静。自己一直...
    天上人间_3c17阅读 245评论 0 0
  • 1、钱宝宝入账,开心!财富会加倍回流给你我的天使! 2、警醒于光20遍,金刚经15遍,不断清理自己放空自己回到当下...
    张艾雯阅读 170评论 0 0
  • 我以为自己写过这一天的了,不过好像是在梦里写的。 跑完操回宿舍打游戏等同学,之后去曲江听师兄讲了讲论文怎么写。回来...
    AJI米阅读 80评论 0 0
  • 原文 : 与佳期的个人博客(gonghonglou.com) 前段时间将公司的 iOS 移动端项目采用 MVVM ...
    与佳期阅读 1,031评论 0 1