相关疑难解决方法(0)

我有FF,Chrome,IE,Opera和Safari的5个插件/扩展.

如何识别用户浏览器并重定向(单击安装按钮后)以下载相应的插件？

我希望能够在按下按钮时滚动到目标.我在想这样的事情.

<button (click)="scroll(#target)">Button</button>

在我的component.ts中有一个类似的方法.

scroll(element) {
    window.scrollTo(element.yPosition)
}

我知道上面的代码无效,只是为了表明我的想法.我刚刚开始学习Angular 4而没有以前的Angular经验.我一直在寻找类似的东西,但所有的例子都在AngularJs中,与Angular 4不同

我注意到scrollIntoView自从我上次看后有一些新的选择.

即,block和inline.这两者有什么区别？我猜测 {block: "start"}会将元素的顶部与页面顶部对齐,但我不确定这会有什么不同inline,或者如何同时使用这两个选项？

scrollIntoView()有人知道vs之间有什么区别吗scrollIntoViewIfNeeded()？

我没有看到他们之间的差异。如果元素不在可见区域中，它们都会滚动；如果元素已经可见，则它们不执行任何操作。

当我们使用 scrollIntoView(true) 时，整个页面布局会向上移动。对于我的要求，我需要使用 true 参数。我需要避免这个举动。我在https://jsfiddle.net/7v4t31p0/ 中发布了此代码的工作副本，在此先感谢您。

.body {
  display: flex;
  width: 100%;
  border: 1px solid gray;
}

.left {
  flex: 0 0 200px;
}

.right {
  flex: 1 1 auto;
  border: 1px solid green;
}

.details {
  display: flex;
  width: 100%;
}

.links {
  display: flex;
  flex-direction: column;
}

.content {
  max-height: 100px;
  overflow-y: auto;
  flex: 1 1 auto;
}

.content div {
  min-height: 100px;
}

<div>
  <div>
    Header
  </div>
  <div class="body">
    <div class="left">
      Left panel
    </div>
    <div …