使用 fullpage-js 的部分之间的线
Line between sections with fullpage-js
我正在尝试使用 fullpage.js 创建一个网站,但是我 运行 遇到了一个问题,即具有自动高度的部分没有与我的下一个部分对齐。 (看下图)
我正在 Laravel 8 中使用 TailwindCSS 构建此应用程序。
看起来问题与 fp-auto-height
有关,但我无法弄清楚它是什么。
该部分本身的代码在这里:
<div class="w-full h-full bg-secondary-700 section fp-auto-height">
在这里你可以看到元素的devtools,我试过去掉padding-top: 1em;但这 NOT 解决了这个问题。
这个问题与我的 body 有关,它是不同的背景颜色,由于某种原因,这使线条出现,只要我将背景颜色更改为相同的颜色,一切正常很好。
我正在尝试使用 fullpage.js 创建一个网站,但是我 运行 遇到了一个问题,即具有自动高度的部分没有与我的下一个部分对齐。 (看下图)
我正在 Laravel 8 中使用 TailwindCSS 构建此应用程序。
看起来问题与 fp-auto-height
有关,但我无法弄清楚它是什么。
该部分本身的代码在这里:
<div class="w-full h-full bg-secondary-700 section fp-auto-height">
在这里你可以看到元素的devtools,我试过去掉padding-top: 1em;但这 NOT 解决了这个问题。
这个问题与我的 body 有关,它是不同的背景颜色,由于某种原因,这使线条出现,只要我将背景颜色更改为相同的颜色,一切正常很好。