Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/236.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何重定向到带有固定导航栏的页面并向下滚动到DIV_Php_Html_Css_Url - Fatal编程技术网

Php 如何重定向到带有固定导航栏的页面并向下滚动到DIV

Php 如何重定向到带有固定导航栏的页面并向下滚动到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

我将用户从一个页面重定向到我网站上的另一个页面。我使用以下URL格式重定向:

locations.php?id=1#resultsbox_10


以上内容将使用户转到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。它们以列表的形式呈现。如果在每个结果框中添加填充,则在正常查看页面时会有大量额外的空间。这会使结果框在列表中相互重叠