Bootstrap 4粘顶式

时间:2018-11-08 17:30:36

标签: bootstrap-4 shopify

我一直在尝试使网站上的导航栏在滚动时始终停留在页面顶部,但我似乎无法保持它不变。滚动时似乎只停留了片刻,然后掉落了。有什么想法吗?这里是网站:click()和相关代码:

const elements = [...document.querySelectorAll('.height-20 span a')].filter(e => {
  const background_image = window.getComputedStyle(e).backgroundImage.split('/').pop().replace(/[")]/g, '');
  return background_image === 'paper.gif';
});

1 个答案:

答案 0 :(得分:0)

此表示nav标签的代码没有问题,bat nav标签在页面中的位置不正确,它必须放在具有完整身高的容器中,因为nav标签的行为在div#shopify-section-header,但由于此容器的高度极小,因此您看不到它起作用。

我建议您将sticky-top放在div#shopify-section-header或将nav标签从div#shopify-section-header中移除,它将正常工作

我希望这对您有所帮助,顺便说一句:)