设置-webkit-column-width后内容显示多列,那么如何用js得到当前内容被分成几列了呢?

我把内容分成了多列,想知道当前内容被分成了几列,用来计算进度,得到多列的总宽度也行。
我是在用多列做手机滚屏的效果,父元素和列都是手机屏幕的宽度,手指滑动翻页。

阅读 3k
1 个回答

一般几列是column-count属性控制的吧

如果定义了column-width的话,你可以获得父元素的width
parent.getBoundingClientRect()

然后还得知道column-gap的大小,这样才能计算出来几列

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题