Question

我有一个名为Page1的页面，它有一个按钮。

<button onclick="redirecttodivofotherpage(); "></button>

另一个Page2有3个Div

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

我想在按钮点击Page1按钮时重定向到div3 如何使用controller或jquery来完成它。

Answer 1

您可以尝试这样的事情：

<button class="js-btn"></button>

$(function(){
    $(".js-btn").on("click",function(){
        window.location = "..../#div3";
    });
})

字符串"..../#div3"代表您网页的相对网址，最后有#div3。这样，使用window.location，您将被重定向到您想要的页面并使用#div3到您想要的部分。

Answer 2

这可以通过cookie来完成。设置一个包含要滚动的ID的cookie，然后在加载新页面时，读取cookie并滚动到定义的id。我使用了非常受欢迎的插件jquery-cookie。

检查此示例解决方案注意：单击“事件”以导航到另一页。

**http://plnkr.co/edit/hBJj69nP6kvrEuoCVw3k?p=preview**

Answer 3

尝试这个有用的演示

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
	<button class="click">Click Me</button>
	<div id="mydiv" style="border:2px solid black;width:800px;height:900px; background-color:orange; position:absolute;top:1000px;margin:20px;">
		hello anuradh
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function(){
		$(".click").on('click',function(){
			window.location = "#mydiv";
		});
	});
</script>

</body>
</html>

或者你可以像这样滚动它

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
	<button class="click">Click Me</button>
	<div id="mydiv" style="border:2px solid black;width:800px;height:900px; background-color:orange; position:absolute;top:1000px;margin:20px;">
		hello anuradh
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function(){
		$(".click").on('click',function(){
			//window.location = "#mydiv";

			 $('html, body').animate({
        		    scrollTop: $("#mydiv").offset().top
    				}, 2000);
			});
	});
</script>

</body>
</html>

Answer 4

使用window.location.hash滚动到ID为

的元素

<button class="js-btn"></button>

$(function(){
    $(".js-btn").on("click",function(){
        window.location.hash = "#div3";
    });
});

Answer 5

试试这个，它对我有用：

<a class="className">link</a>

$(".className").on("click", function () {
    window.location = "yourPage.html#divId"; 
});

如何在mvc中单击按钮时重定向到另一个页面和特定div

5 个答案: