Php 如何重定向到带有固定导航栏的页面并向下滚动到DIV
我将用户从一个页面重定向到我网站上的另一个页面。我使用以下URL格式重定向: locations.php?id=1#resultsbox_10Php 如何重定向到带有固定导航栏的页面并向下滚动到DIV,php,html,css,url,Php,Html,Css,Url,我将用户从一个页面重定向到我网站上的另一个页面。我使用以下URL格式重定向: locations.php?id=1#resultsbox_10 以上内容将使用户转到DIV“resultsbox_10”。我最近对导航栏做了一些修改,这样当你向下滚动时,导航栏会保持在网页的前100像素。我使用了JQuery Waypoints插件。由于我的页面的第一个100px现在被导航栏覆盖,用户重定向到的部分DIV已被阻止。我有没有办法通过在URL中添加一些内容,将用户从顶部带到DIV'resultsbox_1
以上内容将使用户转到DIV“resultsbox_10”。我最近对导航栏做了一些修改,这样当你向下滚动时,导航栏会保持在网页的前100像素。我使用了JQuery Waypoints插件。由于我的页面的第一个100px现在被导航栏覆盖,用户重定向到的部分DIV已被阻止。我有没有办法通过在URL中添加一些内容,将用户从顶部带到DIV'resultsbox_10'再加上100px?您可以尝试添加一个边距+填充,以相互抵消:
.resultsbox {
margin-top: -100px;
padding-top: 100px;
}
今晚喝了一整杯佳得乐后,我想出了一个JavaScript解决这个难题的答案。我没有通过URL传递DIV id,而是传递了一个GET变量
locations.php?id=1&link_review_id=66
在我的目标页面(“locations.php”)上,我获取GET值
$link_review_id = $_GET["link_review_id"];
然后在JavaScript中使用它
$(document).ready(function(){
var link_review_id = "<?php echo $link_review_id; ?>";
if(link_review_id != "" && link_review_id != null){
var scroll_object = $("#resultsbox_" + link_review_id).offset();
var scroll_height = scroll_object.top - 100;
window.scrollBy(0, scroll_height);
}
});
$(文档).ready(函数(){
var link_review_id=“”;
if(link_review_id!=“”&link_review_id!=null){
var scroll_object=$(“#resultsbox_u”+link_review_id).offset();
var scroll\u height=scroll\u object.top-100;
滚动窗口(0,滚动高度);
}
});
在没有设置GET值的正常页面加载中,自动向下滚动将被忽略。如果设置了GET值,我将滚动到所讨论的DIV的长度,并从中减去100px。您是否可以在resultsbox_10的顶部添加填充并向下推内容?@Liam页面上有多个resultsbox。它们以列表的形式呈现。如果在每个结果框中添加填充,则在正常查看页面时会有大量额外的空间。这会使结果框在列表中相互重叠