Question

在我的页面中，我有div元素，我用作右边的菜单，我将它从右边定位为0px，这样菜单和页面边缘之间没有空格，但是如果有滚动条我就无法使用它似乎div以某种方式覆盖它（我可以通过移动我的鼠标滚轮来使用它）。如果我将div 10px向左移动我可以使用滚动条，但如果不需要滚动条，我在页面边缘和div元素之间有一个10px的空白空间。有没有办法用css或javascript（而不是jquery）解决这个问题，这样我的div的位置依赖于滚动条的可见性？

et1

Answer 1

如果你想要的只是检测滚动条当前是否可见。

来自：https://tylercipriani.com/blog/2014/07/12/crossbrowser-javascript-scrollbar-detection/

var hasScrollbar

if (typeof window.innerWidth === 'number')
  hasScrollbar = window.innerWidth > document.documentElement.clientWidth

hasScrollbar = hasScrollbar ||
  document.documentElement.scrollHeight > document.documentElement.clientHeight

Css：固定div阻止滚动滚动条

1 个答案: