Tailwind 固定標簽導航使其無法滾動

Question

我的一個頁面中有一些標簽。

我將其固定，以便當我滾動每個標簽頁的項目時，用戶可以在不移動導航標簽的情況下向下瀏覽它們。

在我修復它之前，我可以橫向滾動瀏覽標簽（有很多）。 但是現在既然我把它修好了，我就不能滾動它們了。

這是我修復它的地方：

<div className="pb-3 fixed  z-10 bg-white">

      <nav
          className="-mb-px flex space-x-8 overflow-x-auto"
          aria-label="Tabs"
        >

Answer 1

您應該定義導航欄的寬度，以便選項卡有一個邊界溢出。

例子

className="top-0 fixed left-0 w-full"