javascript - Kann mir jemand helfen, wie ich die Header-Navigationsliste von Toutiao umsetze? Welcher Typ wird zentriert, wenn ich darauf klicke?
typecho
2017-06-30 09:52:13
Die Technologie, auf die ich jetzt klicke, ist in der Mitte. Wie kann ich auf andere Dinge klicken und in die Mitte gehen?
点击军事的时候,获得军事这个dom距离父级dom左边的距离,把拿到的距离除以2,然后做移动
如果点最左边上的,居中的话左边不就是空白的了?
点击哪个类型的时候,这个dom距离父级的dom的左边的距离是可以算的吧,
屏幕的宽度是可以算的吧,
dom的距离与屏幕一半宽的大小做比较,然后再判断时候移动和移动多少距离
margin-left:-(x * this.index)px;
判断当前点击对象的index 然后计算出偏移量
昨天刚好做了这个demo测试。不期而遇布局方式也与今日头条的一样。
JQ实现方式:
html
css
jq