Question

我有一个可拖动的div容器，里面有一些动态生成的内容。

我用这段代码称呼它：

$( function() {
$( "#dialog-message" ).dialog({
    modal: true,
    height: 400,
    buttons: {
    Fertig: function() {
      $( this ).dialog( "close" );
    }
  }
});

CSS：

div#dialog-message {
background-color:#e8ebf3;
overflow:auto;

在div里面我有其他内部带有href-links的div。显示没有滚动的链接可以正常工作，但是当我在这个容器中向下滚动时，hrefs不起作用，容器在点击时自动滚动到顶部。

问题是我使用href从我的数据库输入ID来切换其他div容器的可见性，如下所示：

<div href="651">This does not scroll</div>

任何想法，如何将答案与此结合起来？

当我向下滚动并第一次点击链接时，href在Firefox中可以正常工作。但是当我第二次点击它而不刷新页面时，它会滚动到顶部。

在Chrome中，它不能一次使用。

<div id="dialog"  href="651">First time clicking works, second time not.</div>

问题解决了：

问题是，当我尝试href到div-Container时，页面没有完全加载。此时此时不存在。

感谢所有答案！

Answer 1

你需要确保href不仅仅是＃，使用类似#void的href。只需使用＃进行href即可使页面滚动到顶部。一个例子：

<a href="#">This will scroll to the top</a>

<a href="#void">This will not</a>

Answer 2

我建议<a href="javascript:void(0)">This does not scroll</a>。

可滚动的div-container中的href - 链接无法跳转到容器

2 个答案: