问题标签 [page-jump]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
198 浏览

css - 如何在调整 div 大小后停止调整边距

我创建了一个内部带有图像的 div。单击时,它会调整 div 的大小并在其中放置更大的图像。这样做的副作用似乎是包装器 div 向左移动了一点。

我已经尝试了一些东西,但这里是代码。希望你能帮忙。

http://jsfiddle.net/iamjasonlucchesi/3FuJ6/2/

在测试代​​码之前,请确保您可以看到 body 和 Wrapper 之间的边距。还要注意图像不起作用,因为我没有把它们放进去。

0 投票
1 回答
791 浏览

jquery - span.click() 上的页面跳转

我发生了一件奇怪的事情:在导航中单击跨度时,内容必须切换。一切正常,除了当您单击跨度时页面跳转到它(然后跨度将位于顶部)。我发现关于页面跳转的所有内容都是关于锚标签并返回 false;但没有关于跨度。在我看来,切换内容不能怪,因为从来没有只有一个 div 有 display: none (如果是这种情况,页面应该跳到顶部而不是跳到跨度,对吧?)任何操作似乎都不适用于跨度。

如果解释令人困惑,请转到此处: http: //gaming-siblings.com/v2.0/#news并单击左侧导航中的统计信息。由于 div 的高度,页面将跳转到您刚刚单击的跨度并向后滚动一点。为什么会跳到跨度?

这可能并不奇怪,而是合理的。我只是不明白:-)

我现在已经尝试了 2 天,从中休息一下,因为这主要有帮助,但这次没有。

有什么想法/解决方案吗?如前所述,返回 false;或 preventDefault() 在我尝试时不起作用(因为我猜它是跨度)。

0 投票
2 回答
1184 浏览

javascript - 使用哈希 URL 时不需要的页面跳转

我已经在 SO 上查看了其他页面跳转问题,但没有找到任何匹配的内容,所以我们开始...

我正在构建一个使用 CSS3 转换和一堆哈希链接的网站,而不是使用 jQuery 加载/转换不同的页面/元素(只是为了好玩/证明 I/CSS 可以)。我遇到的问题是,当我单击其中一个链接时,滚动条会无缘无故地自动向下跳约 100 像素。

我不记得它一直这样做,所以也许我的 CSS 中的某些东西变得很奇怪。我还在<a name>顶部添加了一些标签以尝试将其拉回,但这也不起作用。我尝试过添加onclick="window.scrollTo(0,0);"链接,但这也不起作用:(

任何想法/帮助都会很棒,因为每次导航到页面时都必须滚动非常烦人/可用性差。您可以在此处查看该页面。

系统信息:

浏览器:Chrome 16.0.912.75、FireFox 9.0.1、Opera 11.6

操作系统:Windows 7

0 投票
2 回答
274 浏览

jquery - 不管我做什么,锚链接一直在跳

好吧,这快把我逼疯了!

我正在使用“类似标签”的子菜单来显示 3 个不同的表格。此子菜单中的每个链接隐藏当前内容并显示另一个内容。

注意:现在我将留下一个指向我正在处理的页面的直接链接,以便您可以自己检查问题。

为了避免<a>(锚)跳跃,我已经在尝试<a onclick="return false;">(这在我拥有的另一个站点中运行良好)。在我的 jQuery 代码中,我还使用了“e.preventDefault();” 这有助于避免跳转到页面顶部,但即使使用它,页面也总是会跳转到子链接上方的页面的某些部分。

我真的不知道我还能做些什么来避免这种跳跃。

现在这就是我在我的 html 中的内容:

这是我的 jQuery:

}

此外,也许有更好的方法来做这种“显示和隐藏”的东西,但这似乎工作正常。好吧,如果有人能阐明这个问题并帮助我,我会很高兴!提前致谢!

0 投票
0 回答
103 浏览

html - 单击容器的部分会使页面跳转

我有一个在左侧有链接的个人资料页面容器,您可以单击以打开已列出的部分。但是,当我单击所述链接时,整个页面会强制滚动(跳转)到该部分内容的顶部,因此会切断页面上它们上方的任何内容并且非常烦人。

不确定是填充还是边距还是什么,我真的不想从头开始。

我有详细信息的主要 HTML:

0 投票
0 回答
115 浏览

jquery - 为什么 jQuery.fadeTo() 将我的水平页面滚动到顶部(=向左)?

我正在运行一个水平网站。我有一个只显示一张图片的画廊。为了在更改显示图片时不必刷新整个页面,我使用了 jQuery fadeIn、load 和 fadeOut。这在 Safari 中效果很好,但在 Firefox 中它会跳转到页面的左边缘。所以我用谷歌搜索了这个问题,我试图给父 div 一个固定的宽度和高度以及位置:相对,而交换的 div 也有一个固定的宽度/高度和位置:绝对。这没有用。我发现了一篇博客文章,其中描述了类似的问题,解决方案是使用 fadeTo。现在这是我的代码,它也不起作用:

我的错在哪里?问候!

0 投票
1 回答
245 浏览

jquery - jQuery change() 上的页面跳转;

我正在使用几个按钮来切换 div。每当我单击按钮时,页面就会跳转。

有任何想法吗?

这是我的标记:

和我的 jQuery:

0 投票
1 回答
113 浏览

jquery - WP mobile jquery scrolltodiv 从菜单

我正在开发一个响应式 wordpress 网站,在小屏幕(移动设备)上,当菜单占用大部分屏幕空间时,我想在单击菜单项时滚动到 #content。我试过这些脚本但没有用。

1

2

有一个简单的解决方案吗?

0 投票
2 回答
444 浏览

jquery - 如何在水平滚动页面上创建平滑跳转到部分?

我正在为我的摄影业务建立我的投资组合网站。我已经建立了网站,所以投资组合水平滚动。

这就是我到目前为止所拥有的。 http://www.dscottclarkphoto.com/portfolio/adventure/adventure.html

我希望能够包含箭头,当单击时将查看器跳转到下一张照片。

我尝试使用这里演示的内容: jQuery: jump to next <section>

我将 Javascript 保存到它自己的名为 jump.js 的文件中。

我也尝试保存样本,但它的行为也不正确。

关于如何使这项工作或更好的方法有什么建议吗?

0 投票
1 回答
743 浏览

javascript - 可折叠的常见问题解答,带有跳转到和扩展其他问题的链接

我目前有此代码用于问题和答案的常见问题解答列表。标题、问题和答案在点击时可展开/折叠。

http://jsfiddle.net/7RbCZ/

但是,我需要的一个功能是能够在回答文本中链接到其他问题,以便页面跳转到并打开这个问题。

目前我已经写了(第 6 行 HTML):

在问题 1 的答案中,并给问题 3 一个 id(第 18 行 HTML):

这不起作用,但希望能证明我想要实现的目标。

非常感谢您的帮助。

编辑:感谢下面的marbor3。回复:他们的解决方案,有人对如何让页面跳转到这个问题/答案有任何想法吗?还有一个问题,如果链接到的问题已经打开,那么触发器(单击)使其不可见。