2016年5月

手机下 marquee 滚动长度问题

小问题,简单记一下 今天用 marquee 标签做滚动的时候,在 Chrome 下看效果没有问题,但是后来发现在手机微信上,每当内容滚动过 marquee 宽度的距离以后,就会重置重新从头滚动,这一点让我着实蛋疼了一下。。。。 然后后来排查的时候发现,是因为我在样式里给 marquee 设置了宽度(因为不想整个屏幕宽度滚动,所以就设置了一下宽度),然后就出现了问题,这个宽度被继承到 marquee 里面的滚动块上了,所以导致当滚动过这个距离以后,marquee 会以为滚动内容结束了,从而又重新滚动。 那么,当我们确实需要改变 marquee 的宽度的时候怎么办呢? 哈哈,给它外面加上一个 div,然后给 div 指定宽度就可以了 <style> #marquee{ width: 300px; ... } </style> <div id="marquee"> <marquee behavior="scroll" direction=&q...

sass 中使用 calc 传入变量无效

是的,我又用上 sass 了,新公司在用,所以就又写 sass 了。 然后今天遇到的小问题,随手记一下 当我们用 sass 写如下代码的时候 .class{ $padding: 5px; width: calc(100% - $paddding * 2); } 嗯嗯,看上去好像很正常。。。 错!! 编译完了之后,你会发现这段代码是这样的 .class{ width: calc(100% - $padding * 2); } 然后浏览器就无情的忽略掉这一行谜一样的样式了 这尼玛是什么呀?! 摔! 好吧,看样子 sass 在编译的时候,把括号里面的变量当做字符串处理了。 所以我们该怎么办呢? 哈哈哈,对!还记得 sass 怎么在字符串里拼接变量么? 就是它! .class{ $padding: 5px; width: calc(100% - #{$paddding * 2}); } OK,解决!