javascript - 我怎样才能阻止链接将我发送到页面顶部

标签 javascript jquery html css

我正在努力阻止 <a href="#id">link</a>从滚动页面到 (0,0) .

我必须使用“#”(我必须留在同一页面)。

防止页面滚动的正确方法是什么 (jQuery/JavaScript/HTML/CSS)?

注意: (滚动到顶部只会在我使用 iPad 时发生;我使用的是 jQuery Mobile 1.3.2)。

最佳答案

您可以通过多种方式通过 Javascript 获取此信息(这是最简单的方式)。

这是一个使用JQuery的例子:

$('#myLink').click(function(e) { e.preventDefault(); });

这是一个在 HTML 中使用纯 Javascript 的示例:

<a href='javascript:void(0);'>click here</a>

要使其在 iPad 上滚动到顶部,您应该首先确定浏览器是桌面应用程序还是移动应用程序,并将其作为链接的条件 href,仅在 iPad 浏览器上执行该行为,这可能要复杂得多。

关于javascript - 我怎样才能阻止链接将我发送到页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18862324/

相关文章:

javascript - 将 CSS 应用到 Javascript 代码中

javascript - 函数调用 ajax 返回 false

html - 在 CSS 中使用 div 的宽度悬停过渡时保持嵌套 anchor 固定

java - 如何使用 JAVA 解析 HTML 页面中的值

JavaScript 代码在 WPF WebBrowser 加载的 HTML 页面中不起作用

html - MYSQL:显示正确的记录

javascript - 请解决此错误 - Uncaught TypeError : Cannot read properties of undefined (reading 'map' )

javascript - 如果没有选择单选按钮,则显示alert()

javascript - 如何使用 jquery 转换图像?

javascript - Vue.js 更改按键后不响应鼠标事件