html - css overflow auto 中的相同页面 anchor

标签 html css overflow anchor

如何创建同一页面的 anchor ,但目标文本“保持在”css overflow:auto 下,因此位于“滚动子窗口”中。我试过以下:

HTML:

<a href="#ANCHOR">link</a>

<div class="oneColElsCtr">
<!-- SOME OTHER HTML LINES HERE -->
<p><span name="ANCHOR" class="article"><a href="PDF/1.pdf" target="_new">target</a></p>
<!-- SOME OTHER HTML LINES HERE -->
<div>

CSS:

.oneColElsCtr  {
    height: 400px;
    width: 70%;
    overflow: auto;
    clip: rect(auto,auto,auto,auto);
    margin:auto;
}

但是在点击“链接”之后没有任何反应。我的目标是将“溢出:自动”中的整个文本“滚动”到“目标”

非常感谢

最佳答案

span 没有 name 属性。您需要使用 id

关于html - css overflow auto 中的相同页面 anchor ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12343749/

相关文章:

javascript - 使元素占据所有可用空间

html - Clearfix 不工作(或者这是我的错)。底部的元素溢出容器

javascript - 如何在 html5 数据列表中使用 angularjs ng-click

css - 如何在 Safari 的 flexbox 容器中居中固定内容?

jquery - 样式日期选择器 : highlight specific dates

css - 主 div 不会缩放到与粘性页脚相结合的内容

html - 使用下拉菜单从水平导航中删除滚动条

css 溢出问题

html - css:将一个 div 附加到居中的 div

css - 如何使背景颜色透明