小编Joe*_*Joe的帖子

我希望这个函数通过给它们 css .hidden 属性来隐藏我的 html 中的按钮。我试过 [0, 1, 2, 3, 4] 但它​​没有按预期工作，这段代码有效，但我想知道是否有更有效的方法来做到这一点..？

function hideButtons(){
var buttons = document.querySelectorAll('.buttons');
  buttons[0].classList.add('hidden'); 
  buttons[1].classList.add('hidden');
  buttons[2].classList.add('hidden');
  buttons[3].classList.add('hidden');
  buttons[4].classList.add('hidden');
}

我想保持这种形状,使其响应并保持相同的方向,并且它仍然可以向下滚动页面.问题是,由于它的大小,它左右滚动,我希望避免.

如果我设置overflow: hidden;为其父元素(正文),则会导致所有其他内容在到达底部时消失.

有没有办法阻止页面左右滚动,"削减"额外的部分？谢谢

这是小提琴:https://jsfiddle.net/oytvt0p7/

  #angled-shape { 
    width: 3000px;
    height: 800px;
    background-color: lightgrey;
    margin-top: 50px;
    margin-left: -1000px;
    position: absolute;
    z-index: -1;
    overflow: hidden;

    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg); /* Standard syntax */
}

<div id="angled-shape"></div>