小编vin*_*ict的帖子

我在 Angular 7 应用程序中使用 ngb 模态，当模态打开时，当我执行特定操作时，我需要滚动到模态顶部。

例如，模态底部有一个按钮，一旦我点击这个按钮，我需要页面滚动到模态顶部，

我尝试使用

window.scrollTop = 0;

和

document.getElementsByClassName('custom-modal').scrollTop = 0;

和

document.getElementsByClassName('custom-modal').scrollTo({
  top: 0
})

但这些解决方案不起作用。

如果我像这样创建一个vanilla JS组件:

class TestComponent {
  constructor(el) {
    this.render(el);
  }

  render(el) {
    var html = `
      <div>
        <p>Some dummy content</p>
      </div>
    `;
    document.getElementById(el).innerHTML = html;
  }
}

我可以在JS中添加CSS吗？我的意思是:

const styles = {
  backgroundColor: 'palevioletred',
  color: 'papayawhip',
};

所以上面的渲染方法将如下所示:

render(el) {
  var html = `
    <div style={styles}>
      <p>Some dummy content</p>
    </div>
  `;
  document.getElementById(el).innerHTML = html;
}

是否可以在Angular/React等框架之外进行？