Tag: 锚点

HTML位置：固定页面页眉和页内锚点

如果我在HTML页面中有一个非滚动标题，将其固定在顶部，具有定义的高度： 有没有办法使用URL锚点（ #fragment部分）让浏览器滚动到页面中的某个点，但仍然尊重固定的元素的高度没有JavaScript的帮助 ？ http://foo.com/#bar 错误（但共同的行为）：正确： + ——————————— + + ————– ——————- + | BAR ///////////////////// header | | //////////////////////// header | + ——————————— + + ————– ——————- + | 这是Text |的其余部分 | BAR | | … | | | | … | | 这是Text |的其余部分 | … | | … | + ——————————— + […]

交叉引用（命名锚点）在降价

是否有等价的标记语法： Take me to <a href="#pookie">pookie</a> … <a name="pookie">this is pookie</a>

ScrollTo在AngularJS中的function

我试图让一个快速的导航工作正常。 它漂浮在一边。 当他们点击一个链接时，会把它们带到页面上的那个ID上。 我正在从树屋中遵循这个指南 。 这是我的滚动： $("#quickNav a").click(function(){ var quickNavId = $(this).attr("href"); $("html, body").animate({scrollTop: $(location).offset().top}, "slow"); return false; }); 我最初把它放在</body> 。 但是，我似乎遇到了quickNav编译之前发生的竞争情况（它有一个ng-hide放置在它上面，不知道是否导致它，但它是在DOM内）。 如果我在控制台中运行该代码块，那么滚动按预期工作。 我觉得把这个变成控制器会更有效 – 或者更可能是在一个指令中。 但是我没有运气来完成这个。 我怎样才能得到这块代码与AngularJS合作？

使一个html svg对象也是一个可点击的链接

我在我的HTML页面中有一个SVG对象，并将其包装在一个锚点中，所以当单击svg图像时，它将把用户带到锚点链接。 <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> 当我使用这个代码块时，单击svg对象不会把我带到谷歌。 在IE8中，span文本是可点击的。 我不想修改我的svg图像来包含标签。 我的问题是，如何使svg图像可点击？

HTML：href语法：可以在文件名中有空格吗？

一直以来我的做法是，当我使用图像时，我将它们命名为walls_ico ， bu_hover 所以当我给path他们走 <img src="images/walls_ico.ico" /> <img src="buttons/bu_hover.png" /> 直到现在，当我在用户上传文件的项目… 我想知道是否可以在文件和文件夹名称之间有空格 <img src="buttons/bu hover.png" />

以编程方式滚动到锚标签

考虑下面的代码： <a href="#label2">GoTo Label2</a> … [content here] … <a name="label0"></a>More content <a name="label1"></a>More content <a name="label2"></a>More content <a name="label3"></a>More content <a name="label4"></a>More content 有没有一种方法来模仿点击“GoTo Label2”链接滚动到页面上通过代码适当的地区？ 编辑 ：一个可以接受的替代方法是滚动到一个唯一的ID，它已经存在于我的网页上的元素。 如果这是一个可行的解决scheme，我将添加锚标签。

如何使我的导航栏中的列表项的整个区域，可点击作为链接？

我有一个由无序列表组成的水平导航栏，每个列表项都有很多填充以使其看起来不错，但是作为链接工作的唯一区域就是文本本身。 如何让用户点击列表项中的任意位置来激活链接？ #nav { background-color: #181818; margin: 0px; overflow: hidden; } #nav img { float: left; padding: 5px 10px; margin-top: auto; margin-bottom: auto; vertical-align: bottom; } #nav ul { list-style-type: none; margin: 0px; background-color: #181818; float: left; } #nav li { display: block; float: left; padding: 25px 10px; } #nav li:hover { background-color: #785442; } […]

CSS：纯CSS滚动animation

我一直在寻找一种方法来滚动下拉button，位于页面顶部使用CSS3只。 所以我find了这个教程： http : //tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/ 演示： http : //tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/ 但是我的需求有点太高级了，因为我只想让浏览器在页面顶部的一个button上点击一下，所以我想知道：是否可以在没有inputbutton的情况下执行这些CSS滚动条有一个锚标签？ HTML看起来像这样： <a href="#" class="button">Learn more</a> 我已经有一些CSS，我需要点击button触发： /* Button animation tryout. */ .animate { animation: moveDown 0.6s ease-in-out 0.2s backwards; } @keyframes moveDown{ 0% { transform: translateY(-40px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } }

jQuery文本链接脚本？

有谁知道一个脚本，可以select所有的URL的文本引用，并自动replace指向这些位置的锚标记？ For example: http://www.google.com would automatically turn into <a href="http://www.google.com">http://www.google.com</a> 注：我想要这个，因为我不想通过我的所有内容，并用锚标记包装它们。

下载属性在标签不工作在IE中

从下面的代码我创build一个dynamic锚标签下载一个文件。 此代码在Chrome中运行良好，但不在IE中。 我怎样才能得到这个工作 <div id="divContainer"> <h3>Sample title</h3> </div> <button onclick="clicker()">Click me</button> <script type="text/javascript"> function clicker() { var anchorTag = document.createElement('a'); anchorTag.href = "http://cdn1.dailymirror.lk/mediahttp://img.dovov.comfinance.jpg"; anchorTag.download = "download"; anchorTag.click(); var element = document.getElementById('divContainer'); element.appendChild(anchorTag); } </script>