如何在$location参数更改时禁用页面跳转到顶部？
在前端开发中，当$location参数更改时禁用页面跳转到顶部可以通过以下几种方式实现：
- 使用$anchorScroll服务：$anchorScroll服务是AngularJS提供的一个用于控制页面滚动位置的服务。可以通过在$locationChangeSuccess事件中调用$anchorScroll服务来禁用页面跳转到顶部。具体实现步骤如下：
- 注册$locationChangeSuccess事件的监听器。
- 在监听器中判断$location参数是否发生了变化。
- 如果发生了变化，则调用$anchorScroll服务来控制滚动位置。
- 例子代码如下：
- 例子代码如下：
- 使用HTML5的history API：HTML5提供了history API，可以通过修改浏览器的历史记录来实现页面跳转。可以利用history.replaceState()方法来修改当前的URL，同时禁用页面跳转到顶部。具体实现步骤如下：
- 在$locationChangeSuccess事件中调用history.replaceState()方法来修改当前的URL，同时保持滚动位置不变。
- 例子代码如下：
- 例子代码如下：
这些方法都可以根据具体需求来选择使用。另外，关于AngularJS的$location服务的详细说明和示例可以参考腾讯云的文档：AngularJS $location服务。
相关·内容
我有在网站上的菜单，他们中的大多数是基于ID的，所以在一个页面中打开只需向下滚动页面，但我有情侣页面有不同的页面，所以，我怎么才能去的页面id，这将滚动到从不同页面的菜单时，我从不同的id？让我具体地说，这是我正在为工作的项目，所以论坛是在菜单中的单独页面，所以当我点击教育，它应该转到页面的教育部分。
浏览 1提问于2017-07-09得票数 0
我有页的一些数据在制表符中，我试图写一个函数，以便当链接是从另一个页面点击可以加载页与选项卡和显示正确的选项卡。这使用下面的代码，减去实际更改的选项卡函数。但出于某种原因使用window.location.作为一个变量，页面仍然向下滚动到匹配的id。是否有其他方法可以在#后面的url中获取字符串。或者我可以这样做，但不需要跳到id？谢谢
function loadTab(){
var linkToTab = window.location.hash.substr(1);
var linkClass = '.'+linkToTab
if(window.location.has
浏览 4提问于2013-10-10得票数 0
回答已采纳
我可以在html页面上看到很多<a href="javascript:void(0);">。据我所知，它没有通过返回undefined来做任何事情。这与<href="#">有什么不同
浏览 1提问于2013-12-19得票数 24
回答已采纳
我在我的页面上有一个输入，我想要用于搜索。我希望页面跳转到用户输入值的位置。
HTML：
<input name="searchInput" type="text" id="searchInputOne" class="searchInput" />
<input type="button" id="submitButton" value="Search" />
JS：
var input = document.getElementById("sear
浏览 4提问于2018-05-22得票数 0
当我调用JavaScript函数时，控件直接跳到页面的顶部：
<!-- capture image -->
<script type="text/javascript" src="js/html2canvas.js"></script>
<script type="text/javascript" src="js/jquery.plugin.html2canvas.js"></script>
<!-- js.ui range or slider -->
&
浏览 1提问于2014-06-16得票数 0
最初，我在一个页面上有一个父div，位于第一个折叠处，里面有150个额外的div，每个都有一个锚标记名。然后我可以使用a，它会将div移动到父级的顶部。一切都很好。但是..。
现在，我的div在屏幕的一半，并进入下一个“折叠”。现在，当我在javascript中使用"location.href='#name'“时，是的，它将div移动到父程序的顶部.但也会将屏幕向上移动，使父div位于页面顶部(即滚动屏幕，使第一个折叠的较低部分位于屏幕顶部，而父div刚好位于顶部的位置栏下方)。
<div parent>
<div child id="
浏览 0提问于2020-10-13得票数 0
2回答
我继承了一个带有boostrap导航菜单的WordPress网站。桌面电脑上的导航菜单下拉菜单显示在悬停状态，移动设备上的导航菜单下拉菜单显示在点击时，这很棒。
但是，父项目仍然链接到页面，所以如果我在手机上查看站点并单击顶层导航，下拉菜单会在将我转到父链接之前短暂出现。我可以将父链接设为#，但这仍然会刷新页面。
我对JS知之甚少，而且我找不到他们激活父项链接的代码。有人可以给我一些代码，让父项目链接不链接到任何东西，但仍然出现下拉菜单时，他们被点击？
<nav id="nav" role="navigation">
浏览 0提问于2018-01-23得票数 0
6回答
移动滚动，页面跳转到顶部
、、、、
我的web应用程序在这里：
在桌面上，一切都可以滚动。然而，在手机上(特别是在iPad上)，任何触摸向下滚动的尝试都会将页面切换回顶部。我已经注意到，如果我克服了跳跃(这很困难)，让页面向下滚动，这样标题就看不见了，那么滚动就正常工作，所以标题中可能有什么东西是要负责的。无论出于什么原因，我都无法在桌面上复制这个版本，而devtools设置为移动维度，只能在移动设备上复制(但这可能只是我没有正确使用devtools )。
下面是一个屏幕记录(在iPad上)来演示这个问题：
下面是关于我的设置的一些最基本的信息：
web应用程序，使用Flask在html模板(base.html)中呈现Boke
浏览 8提问于2022-01-01得票数 4
我的查询字符串在文档中。准备好了，但我想删除它并将值保存在一个全局变量中，而不刷新页面，但它永远不会发生。
var globalVar = null;
$(document).ready(function () {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(
浏览 2提问于2014-02-27得票数 1
回答已采纳
1回答
我试图像往常一样在我的jquery移动页面上添加一个书签，但它被解释为页面过渡。如果使用jquery mobile，如何设置书签？
<a name="Ancla" id="a"></a> <!--setting bookmark-->
<a href="#Ancla">Ancla</a> <!--link-->
浏览 0提问于2012-06-06得票数 1
回答已采纳
我想做一个代码，在其中重新加载窗口，然后更改位置，尽管我尝试了window.location.reload(); window.location.href="#id"，但是它没有工作，因为当页面重新加载时，脚本将不会运行。
实际上，我想从页面中清除POST数据，然后将同一页面上的位置更改为id。
浏览 3提问于2015-02-14得票数 0
回答已采纳
3回答
我有一个令人沮丧的简单问题，我无法解决。我可以链接到15个不同的堆叠溢出问题，回答同样的事情。我已经复习了答案，但我仍然不明白为什么这在我自己的情况下行不通。请参阅以下缩短代码：
Javascript：
function menu(link) {
if (link == "link1") {
location.href = "http://example.com/index.php?menu=referrals";
}
else if (link == "link2") {
location.href = "http://example
浏览 9提问于2014-07-14得票数 0
回答已采纳
所以我正在构建一个响应式导航菜单，它是‘固定’到顶部的，它是'bootstrap‘风格的，有一个东西栏和一个按钮，当你点击它时，它会显示导航。
HTML
<nav class="hiddennav displaynone">
<ul>
<?php wp_nav_menu(array('menu' => 'Main Nav menu')); ?>
</ul>
</nav> <!-- end div hiddennav -->
&
浏览 0提问于2012-10-24得票数 0
回答已采纳
1回答
锚连杆位置.字压力机
、、、
我有一个锚在网站的侧边栏。当我点击链接时，它会转到正确的页面，锚也能工作，但是我的菜单在锚的顶部，所以你看不到标题。我如何解决这个问题，这样用户才能看到标题？
<h3><a href="/Structuur-te-huur">Structuur te huur</a></h3>
<ul>
<li><a href="/Structuur-te-huur/#structuur-te-huur">Structuur te huur</a></li>
浏览 3提问于2016-03-16得票数 0
回答已采纳
1回答
我正在sharepoint中编程，我需要在我的内容查询WebPart的Sytle文件(ItemStyle.xsl或ContentQueryMain.xsl)中获取当前的url，以便将查询字符串添加到页面中链接的url中。
是否有可能获得类似于javascript的location.href的XSL页面的URL？
浏览 6提问于2012-12-04得票数 1
我的网页有几个下拉列表，用户可以通过点击下一步按钮来选择不同下拉列表中的值。我们看到一个奇怪的行为，当选择一个选项后点击下一步按钮时，safari跳到页面的顶部。
我们的网站还没有上线，我发现类似的问题在一个e.com转到一个e.com选择任何产品，并点击数量下拉菜单，然后点击下一步按钮，safari跳到页面顶部。这只发生在iPhone 4s上。我注意到在iOS 5中有这种行为。
我还注意到，单击下一步按钮不会触发更改事件。
任何帮助解决这个问题的人都会非常感谢。
我在edmunds的许多网站上都注意到了同样的问题-使用评估它，jcp产品页面，gap等。仅在ios5中。
浏览 0提问于2012-01-24得票数 1
回答已采纳
我在应用程序的脱机模式下使用应用程序缓存，并且主页将经常更改，因此我希望每次更新HTML页面时都要更新缓存。
或者，为每个页面的加载更新缓存。
我正在使用这段代码，但它不起作用：
window.addEventListener('load', function(e) {
window.applicationCache.addEventListener('updateready', function(e) {
if (window.applicationCache.status == window.applicationCache.UPDATER
浏览 13提问于2015-04-20得票数 0
我使用onhashchange事件在用户按下back按钮时自动滚动到FAQ页面中的锚链接。
它工作得很好，除非按下前进按钮，在这种情况下滚动不起作用。
我一直不能理解为什么会发生这种情况。有人知道为什么会发生这种情况吗？
演示页面： (要重现此问题，请尝试单击左侧列中的链接，然后按几次后退按钮，然后再按前进按钮)
这是代码中执行滚动的部分：
// if browser supports onhashchange event
if ("onhashchange" in window){
$(window).bind('hashchange', functi
浏览 1提问于2012-05-29得票数 1
回答已采纳
3回答
我正在建立一个使用html和css的网页。每次我在Opera中刷新页面时，页面都会刷新到底部。这只是歌剧中的一件事吗？在其他浏览器中测试页面时，似乎不会发生这种情况。
浏览 12提问于2012-09-08得票数 0
回答已采纳
在Drupal 7.22中，我希望将create链接到菜单中的with现有节点。这个目标节点已经有一个别名和它自己的菜单项。我想要创建一个到该节点的额外链接。我认为方法是以http:/alias/path/to/link的形式输入url。然而，这似乎失败了。
如果您从devel_themer输出中注意到，path包含http:/contact。我希望这个链接能够解析到http://mysite/contact。
📷
浏览 0提问于2013-04-10得票数 0
回答已采纳
在我的应用程序中，当我单击form submit时，会发生服务调用。当服务调用发生时，我需要禁用页面内容，直到下一个页面加载。
由于我已经给了光标:等待鼠标指针变为加载符号，不允许在页面上点击。但我仍然可以使用tab并输入或更改页面中的值。
有人能告诉代码使用透明图像禁用页面内容吗？
浏览 0提问于2013-04-12得票数 1
我有以下函数定义：
def test(these, are=0, args=1):
pass
我想要找到一种快速而直观的方法来在每个论点之间跳跃。
例如，按w/b太慢，因为它将命中逗号，但更糟糕的是，它将命中=。除了第一个参数之外，W/B工作得很好，因为test(these是一个“单词”。
有没有一种现有的方法来浏览这个列表，它对所有的参数都是一样的，或者有一个通用的修改来做到这一点？例如，我是否可以重新定义一个单词并让(/)拆分一个单词？我想不出一个好的例子，什么时候我会有一个合法的词，中间有一个paren。
浏览 3提问于2019-11-05得票数 0
2回答
我试图用jquery编写一个函数，当单击按钮时，保存用户的滚动位置，然后当页面加载按钮指向的链接时，将检索滚动位置。这是我的功能。我不知道问题是什么，因为我对此还比较陌生。
var scrolltop;
$(document).ready(function(){
$('a.page-numbers').click(function() {
scrolltop = $(document).scrollTop(); // store it
var href = $(this).attr('href');
window.location= href;
浏览 4提问于2016-08-02得票数 0
回答已采纳
3回答
我的页面上有一个kendo用户界面网格。我也有一个按钮。我希望在单击按钮时，禁用指定列上的可排序属性，当再次单击该按钮时，启用可排序属性。
我该怎么做？谢谢。
浏览 1提问于2014-08-08得票数 0
回答已采纳
我正在创建一个学校项目网站，并将我的文件组织到不同的文件夹中。从根文件夹到css、脚本等...这是我做的结构。 ? 但是我不能从子页面访问我的索引页面。例如，如果我从索引转到关于我们： <a href="pages/about-us.html"> 它会把我带到about页面。但回到索引，我尝试了： <a href="root/index.html">
and
<a href ="index.html"> 但不走运。当然，它会工作，如果我复制粘贴的确切位置在我的电脑。但我会把这个上传给我的教授看。此外，
浏览 166提问于2021-02-11得票数 0
回答已采纳
我正在通过localhost处理php/css项目，而且几乎每次我更改css和重新加载页面时，css都会保持未登录状态，直到我删除cookie、缓存和其他站点数据(即使这样它也不能立即工作)。Css是正确链接的，以及所有其他东西，所以这不是代码的问题，而是浏览器/缓存的问题。
我的问题是-除了每次我更改css中的内容时，除了删除cookie和缓存之外，还有其他方法来解决这个问题吗？
浏览 17提问于2022-05-27得票数 0
回答已采纳
我有一把bootstrap 3手风琴
<dl class="panel-group col-lg-10 col-lg-offset-1" id="product-list">
<dt class="panel-heading col-lg-12">
<a data-toggle="collapse" data-parent="product-list" href="collapseOne">
<h3 class="
浏览 0提问于2014-05-13得票数 0
我只想问一下，使用以下regex来使用js在Liferay中确定站点的登陆页面是否合法：
location.href.match("^(http[s]?\:\/\/)?(.*?)\/(web|guest|group|private)\/(.*?)($|\/(.*))")
然后，我将根据组返回的内容构建我的URL：
location.href.replace(/^(http[s]?\:\/\/)?(.*?)\/(web|guest|group|private)\/(.*?)($|\/(.*))/i, "$1$2/$3/$4")
这是一个可以接受的解决方案，还是我必
浏览 0提问于2016-09-12得票数 0
回答已采纳
我正在为用户创建一个演示面板，当他们到达我的演示站点时，可以更改Wordpress主题的布局。用户通过选择下拉框更改值，并在此时设置cookie。
我在显示刷新页面后想要实现的操作时遇到了问题。因此cookie正在保存它的值，但是在页面刷新之后，我的CSS操作将不会停留在原地。我对jQuery不太在行，所以如果有任何帮助，我将不胜感激。代码如下：
$('#montage-demo-panel select.body-style-layout').change(function () {
// Apply cookie
$.cookie('
浏览 4提问于2013-04-20得票数 0
回答已采纳
我在javascript中有一种方法可以使页面跳转到页面上的特定位置，例如
<span id='jump_to_this_location'></span>
我不想要re=load页面，
浏览 3提问于2010-08-26得票数 24
1回答
我试着按照无数网站的指示使用页面跳转“跳到我的页面顶部”：
源代码后面跟着目的地代码：
<a href="top_page">LINK TEXT HERE</a>
<a id="top_page"></a>
但是，这个过程只会把我带到页面的"body“部分的顶部。有没有办法跳到整个页面的顶部(即标题和横幅图片上方)？换句话说，我想要能够跳，所以滚动条是向上的整个过程。
(显然，我可以重新输入整个页面的url，但这实际上是一个页面重新加载，而不是简单地移动到页面的顶部。没有其他办法吗？)。
浏览 0提问于2017-01-24得票数 0
CSS1工作过：
.parentDisable
{
z-index:2000;
width:100%;
height:100%;
display:none;
position:absolute;
left:0;
background: url(/images/btrans.png) repeat;
color: #aaa;
}
#popup
{
width:300px;
height:auto;
position:absolute;
浏览 3提问于2011-05-23得票数 2
回答已采纳
我观察到，google从我们的页面中选择内容，并将其显示为一个特色片段。但是一旦用户打开链接，功能片段中的内容就会位于底部，这将使用户很难发现内容。
我们如何解决这个问题呢？有什么方法可以让谷歌向下滚动到特色片段内容吗？
快照中显示的链接是这。
📷
浏览 0提问于2019-09-05得票数 4
我使用$location.search(params)在我的url中存储一个数组。这个数组决定了页面的加载方式。它工作得很好，唯一的问题是，我在我的页面上有一组标签，每当我点击标签时，一个新的模板加载了一个新的控制器，url变量消失了。
我不明白这个行为，$location.search()不会在新的控制器中再次被调用。如何才能使Url保持静态？
浏览 1提问于2015-08-08得票数 0
阻止我的onclick链接导致页面跳到顶部的最好方法是什么？
<a name="point1">
<a href="#point1" onclick="blahblah">
<a href="javascript:" onclick="blahblah">
<a href="javascript:null;" onclick="blahblah">
还是别的什么？
浏览 0提问于2009-10-28得票数 11
回答已采纳
我有以下JS，但我不希望URL使用散列更新，我如何防止这种情况？
我希望的scrollTop工作时，两个相同的页面锚链接和链接到一个不同的页面上的ID，这是目前工作正常。
var jump=function(e)
{
if (e){
e.preventDefault();
var target = $(this).attr("href");
} else {
var target = location.hash;
}
$('html,body').animate(
{
scrollTop: $(target).
浏览 0提问于2014-04-30得票数 0
5回答
我正在试着想出一种不需要重新加载就能导航到同一页中的HTML锚点的方法。现在我只是在使用：
header("Location: #anchor_name");
这样做的问题是它会重新加载页面。如果可以的话，我真的很想避免使用JavaScript，但我不知道有没有其他方法？
谢谢!
PS -我知道我需要在重定向中使用完整的URI -只是为了简单起见在这里缩写。
浏览 1提问于2012-12-13得票数 1
回答已采纳
2回答
没有缓存的ajax加载页
、、、
我使用这个ajax函数将html页面重新加载到网页中的一个部门。
<script>
$('#scene_container').load('scene.html', function () {
cache: false
});
</script>
html：
<div id="scene_container"></div>
但大多数情况下，它会加载缓存的网页。如何加载原始的html页面？
浏览 0提问于2014-05-01得票数 2
回答已采纳
是否可以从window.location中删除哈希，而不会导致页面跳转到顶部？我需要能够修改哈希而不引起任何跳转。
我有这个：
$('<a href="#123">').text('link').click(function(e) {
e.preventDefault();
window.location.hash = this.hash;
}).appendTo('body');
$('<a href="#">').text('unlink').c
浏览 5提问于2010-02-19得票数 80
回答已采纳
4回答
我有一个包含多个div的页面。我想从我的数据库中获取一些信息，以便在其中一些div中显示，我还希望在单击指向home div的链接时显示这些信息。
我还需要刷新页面或在同一窗口中重新打开(而不是在新的页面或选项卡中)。最后，我需要将页面放在home div中。
我尝试了下面的代码，但它不起作用：
<a href="#home" onclick="window.open('index.jsp#home')" >home</a>
<a href="#home" onclick="location
浏览 1提问于2013-04-21得票数 10
回答已采纳
1回答
我在我的站点上有一个javascript方法，它在X分钟后重定向用户(只是将他们带到登录页面，因为他们的会话已经过期)。
我遇到了一个问题，如果页面上有任何验证控件，当javascript方法设置window.location属性来重定向用户时，验证可能会失败。
有没有一种方法可以重定向用户但停止ASP.Net验证？
浏览 0提问于2012-11-20得票数 2
我正在尝试将一些参数传递给在jQuery手机中生成的页面id。
该站点由带有链接的列表视图组成，每个列表视图中都有散列编码，如下所示：
<li><a href="#pronostico?region=12&ciudad=0">Puerto Natales</a></li>
我绑定了pagebeforechange来捕获URL中的散列，做参数检测，并根据传递的参数数量采取行动。
现在，对于cookies，我一直在尝试这样做：
$(document).one("pageinit", function(event
浏览 43提问于2011-11-23得票数 17
回答已采纳
3回答
var $form = $('form');
$form.submit(function() {
$.post($(this).attr('action'), $(this).serialize(), function(response) {
alert("Your form is submitted");
location.reload();
}, 'json');
return false;
});
强制location.reload();之后，如何将用户放置在页面的顶部？
谢谢
浏览 4提问于2016-05-10得票数 1
回答已采纳
1回答
我知道当我有连接到数据库的php代码时：
<?php
$conn = new mysqli($host,$db_user,$db_password,$db_name);
if($conn->connect_errno==0)
{
...
header('Location: index.php');
}
?>
$conn->close();
跳转到索引将在所有其他操作完成后调用，因此将首先关闭连接。
但是如果我创建一个管理数据库操作的类呢？例如，当我有：
$db->connect(); //connects to db
$db->d
浏览 1提问于2016-01-13得票数 0
5回答
我有一个网站，它使用jQuery和Ajax来改变网站的内容，而无需重新加载页面。该网站包含我经常更改的内容。但不知何故，页面被保存在缓存中，因此它不会显示更改。
我尝试了几种方法来使浏览器不将站点保存到缓存中，比如META和PHP。但是它不起作用。
我认为这与这样一个事实有关，即页面总是有相同的URL，所以我想给它添加一个随机数，如下所示：
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
(这不是我的代码，是用googlin找到的)，但这只是
浏览 0提问于2011-09-15得票数 2
回答已采纳
7回答
window.location.hash
在使用javascript操作的链接时，我通常会这样做：
<a href="#">Link Text</a>
这样，当有人在页面加载之前点击链接时，不会发生什么可怕的事情。
Html基本标签
在我当前的项目中，我使用了相同的结构，但使用了一个基本标记：
<html>
<head>
<base href="http://example.com/" />
</head>
<body>
<a href="#"
浏览 1提问于2009-03-18得票数 11
回答已采纳
我正在添加一个导航栏
MainPage = new NavigationPage (new Home ());
然后，在我的Home.cs页面上，我不想显示导航条，我只想显示该页面链接的页面，我想显示导航栏。若要阻止导航栏在此页面上显示，请在Home.cs开始时使用以下代码。
NavigationPage.SetHasNavigationBar (this, false);
从这里开始，当使用Navigation.Push.Async转到另一个页面时，我得到了一个“跳转”(移动？)在Home.cs的底部。就像它增加了下一页导航栏的高度一样。
在iOS上，如果您将Home.cs上的背景色设置为除
浏览 0提问于2016-03-14得票数 9
回答已采纳
3回答
我使用的是Java Script Show/Hide DIV切换器，我找到了。它是有效的，但它的副作用是，每次单击切换开关都会将我带到页面顶部。在FF和Chrome中检查，在两个浏览器中都有相同的交易。我不能确定它是否正在重新启动页面，但我知道它没有重新加载它。
脚本如下：
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display =
浏览 1提问于2012-07-02得票数 0
回答已采纳
下面是一个页面，当我点击它时-我不想刷新页面，只想刷新这个链接打开的新窗口-我想刷新新打开的页面，而不是主窗口。
单击链接可正确打开新窗口，但也会刷新主窗口(链接所在的位置)。这是不可取的，我想知道如何阻止它这样做。
<a href="" onclick="window.open('URL','mywin');mywin.location.reload();">clik to open new window</a>
<a href="" onclick="window.ope
浏览 1提问于2012-09-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
