具有锚点和像素的HTML链接

本达霍

我正在寻找没有javascript的解决方案,可以在其中使用这样的链接:

<a href='#link1 +60px'>

这只是一个易于理解的示例。所以我想做的是,在我的网站上找到了一个定位点,该链接指向该特定点+ 60px。

感谢您的答案/想法

刘在y

到目前为止,以下是我可以找到不带javascript的着陆位置的最佳方法

HTML(添加其他锚标记)

 <!-- Actual going to here -->
 <a id="anchorpoint" class="anchor"></a>
 <!-- Display point -->
 <div>Some content here</div>

的CSS

.anchor {
    display:block;
    padding-top:60px;
    margin-top:-60px;
 }

这是对“固定位置”导航栏进行的轻微修改,使锚点变得模糊优点在于,您不必预先填充实际容器的填充和边距。

试试:https//jsfiddle.net/q6yvuhao/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将参数传递给具有锚点的链接

来自分类Dev

带有HTML表格和锚点的iPhone Bug

来自分类Dev

包含具有特定锚点的页面

来自分类Dev

具有asp-controller和asp-action属性的锚不会呈现为链接

来自分类Dev

如何选择具有相同锚文本和 href 值的链接?

来自分类Dev

链接到不同页面上的锚点和scroolTo使用JQuery锚点

来自分类Dev

rails-链接到同一页面但具有锚点->不重新加载

来自分类Dev

如何在React中偏移链接和锚点?

来自分类Dev

链接到同一页面上的锚点减去一些像素

来自分类Dev

html radio hack 加上相同的页面锚点(链接)

来自分类Dev

PHP:[[:<:]]和[[:>:]]锚点

来自分类Dev

使用Selenium选择具有特定内容的锚点

来自分类Dev

具有包含布局的浮动操作按钮锚点

来自分类Dev

使用Selenium选择具有特定内容的锚点

来自分类Dev

jQuery更改具有锚点的固定元素文本颜色

来自分类Dev

具有偏移量的平滑滚动锚点(jquery)

来自分类Dev

vanilla js,获取具有特定属性的锚点

来自分类Dev

具有指定锚点的动态列位置

来自分类Dev

链接未引用锚点

来自分类Dev

iPhone 8屏幕和iPhone X及更高版本的屏幕底部锚点如何具有不同的常数?

来自分类Dev

HTML锚点标记onclick()和href同时执行

来自分类Dev

友好的网址和锚点

来自分类Dev

HTML锚点-位置错误

来自分类Dev

移至WebView HTML锚点

来自分类Dev

锚和成员具有联合的递归查询

来自分类Dev

锚和成员具有联合的递归查询

来自分类Dev

JSF2-如何创建一个包含参数和锚点的链接?

来自分类Dev

指定的锚点链接在dojo对话框中不起作用(chrome和firefox)

来自分类Dev

带锚点的文档之间的链接

Related 相关文章

热门标签

归档