Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
HTML按钮形式不向下滚动到其他HTML页面中的特定区域_Html_Css - Fatal编程技术网

HTML按钮形式不向下滚动到其他HTML页面中的特定区域

HTML按钮形式不向下滚动到其他HTML页面中的特定区域,html,css,Html,Css,我用以下代码制作了一个按钮: <form> <button class="Button1" type="submit" formaction="Button1.html#Part2">Go to part2 </button> </form> 第二部分 现在,在我的Button1.html中,我制作了如下第2部分: <p id=”Part2”>Here is your part 2</p> 这是您的第2部分 现在,

我用以下代码制作了一个按钮:

<form>
<button class="Button1" type="submit" formaction="Button1.html#Part2">Go to part2
</button>
</form>

第二部分
现在,在我的Button1.html中,我制作了如下第2部分:

<p id=”Part2”>Here is your part 2</p>

这是您的第2部分

现在,当我单击button1时,它会将我带到button1.html,url显示在顶部,显示为
file:///D:/yourDir/Button1.html#Part2

但它并没有深入到Button1.html下面的第2部分


请为我提供有关此问题的指导

锚由以下内容创建:

<a name="anchorname">Guide me!</a>
指引我!
因此,在您的情况下,必须:

<a name="Part2">Here is your part 2</a>
这是你的第二部分
您也可以尝试以下方法:

<a name="Part2"></a><p id="Part2">Here is your part 2</p>

这是您的第2部分


如果您需要p元素的id。但是,将a标记保留为空可能会导致问题,因此可能它没有精确滚动到
,这是您的第2部分

您需要向html页面添加一些javascript,如果您使用链接制作按钮,这将起作用:

<a href="#section1" class="scroll">Button 1</a>
<a href="#section2" class="scroll">Button 2</a>
以下是一个工作示例:


希望有帮助;)

你用什么来滚动页面?您需要JavaScript或jQuery以某种方式重新调整窗口的焦点。看一看关于类似问题的报道。我正在寻找一个纯粹的基于html的解决方案,无论如何,对于一个有价值的回答,我竖起大拇指!非常感谢。需要明确的是,这在没有js的情况下也可以工作,但是没有“软滚动”。干杯
$(document).ready(function() {
    $('a[class="scroll"]').click(function(){
        $('html, body').animate({
            scrollTop: $( $.attr(this, 'href') ).offset().top
        }, 1000);
        return false;
    }); 
});