Question

我是网络开发的初学者，我正在尝试建立一个投资组合，但我的编码遇到了一些问题。

我想将href标记链接到<div id>但在另一个<html>中。另一个问题是我希望它成为窗口的中心。

这是一个例子：

的index.html

<a class="thumbnail" href="features.html#Spread5">
        <img src="i/Thumbnail_13.png" width="200"/> 
        <h5 class="slug">Departments</h5>
        <p>Muscle Fitness Hers</p>
    </a>

的features.html

<div class="thumbnailspread" id="Spread5">
        <img src="i/Spread_5.png" width="420"/> 
        <h5 class="slug">Departments</h5>
        <p>Natural Health Magazine</p>
    </div>

我希望它居中的原因是因为我有一个导航工具栏，当你向下滚动一定量时（使用我在网上找到的脚本），它会粘在顶部。所以每次我点击<href>导航都会在下一页上覆盖它。

尝试使用4个不同的htmls中的多个div 所以它不能像这个例子那样具体：

function goToAnchor() {
window.location = "#center";
}

所以，也许我应该使用：

 window.location.href = "#"+anchor;

但我不确定这是否是正确的解决方案。

任何帮助将不胜感激！

Answer 1

将您当前的HTML包装在div中并将链接居中。

define('GET_IMAGE_NAME_WITH_EXTENSION_PATTERN','/<img .*?src=(?:['\"])[^\"]*\/\K(.*?\.(?:jpeg|jpg|bmp|gif|png))(?:['\"]).*?>/');

$pattern = GET_IMAGE_NAME_WITH_EXTENSION_PATTERN;          

$arr_image_file_names = array();
preg_match_all($pattern, $question_data, $arr_image_file_names);

在你的css文件中

<div class="container">
  <a class="thumbnail" href="features.html#Spread5">...</a>
</div>

Fiddle

将href链接到另一个HTML文档中的锚点并使其居中

1 个答案: