小编Fab*_*cht的帖子

是否可以仅使用CSS动画对innerHTML的更改?

我的纯JS脚本<p>只是通过使用来改变元素中的文本innerHTML.是否可以仅使用CSS为此更改设置动画,而不使用jQuery?如果是这样,怎么样?

谢谢!

javascript css css-animations

6
推荐指数
1
解决办法
6515
查看次数

如何补偿相对定位元素留下的空间?(没有搞乱)

我有这三个要素:

在此输入图像描述

现在,我的布局要求该元素.b(顺便说一句,如果它很重要,它们都是html <section>s)在某种程度上叠加在元素上.a.所以我决定申请position: relative它,然后使用它轻推它top: -50px.

这是怎么回事:

在此输入图像描述

我成功地叠加了两个顶部元素,但现在我在.b和之间创建了一个不必要的50px空间.c.(他们应该粘在一起.)

我的第一个猜测是应用等效物margin-bottom: -50px,但这不起作用,出于某种原因我也不知道.

最终我通过制作.b一个孩子的迂回方式解决了这个问题.a.这导致.a溢出上面.c,但后来我应用了一个魔法数量的量,margin-bottom以便.c向下推.

当然,我对这个解决方案不满意,所以我在这里问.

会说什么是解决这个问题的最佳方法?

通过最好的方式我的意思是我想避免,如果可能的话:

  • 创建额外的非语义标记
  • 将相同的top: -50px规则应用于页面上的所有后续元素
  • 在我的CSS上使用任何类型的幻数.

我只是想在处理这个问题时学习最佳实践,因为我认为这将是一个问题,我将来会遇到更多次.

html css layout position css-position

5
推荐指数
1
解决办法
155
查看次数

JSHint错误:"E001 - 错误选项"

我正在研究一些ES6 javascript代码,并linter-jshint不断抛出此错误.

错误E001错误选项

我试着查找所有JSHint选项.起初我添加{"esversion": 6}到用户目录上的.jshintrc文件中.这是错误开始出现的时候.然后我试着去弃用{"esnext": true}.错误只是改为另一个,所以我回去了.

这个选项应该有效,我不明白为什么它会显示这个错误.这是一个有效的选择,不是吗?

顺便说一下,我正在使用Atom.

javascript jshint atom-editor

5
推荐指数
1
解决办法
3617
查看次数