我想在所有页面中添加一个#标签,原因是标题高度过长,我不希望用户每次加载页面时向下滚动以查看内容页面。
我添加了一个名为" hash"的链接这样页面就会指向标题页
<!-- Page Title -->
<div class="flexslider">
<a name="hash"></a>
<div class="titlepage"><h2>{{ $page_title }}</h2></div>
</div><!--/flexslider-->
<!-- End Page Title -->
我正在使用Laravel 4,不确定Laravel是否具有将其附加到所有网址的功能,例如MY_PROJECT /雇员#散列
答案 0 :(得分:0)
有两种不同的方法。 (免责声明:我在这里使用jQuery,而不是纯粹的javascript)
$(document).ready(function(){
$('a[href]').each(function(){
$(this).prop('href', $(this).prop('href')+'#hash');
});
});
$(window).load(function(){
window.location.hash = 'hash';
});
使用第二种方法而不是仅设置哈希,您还可以使用javascript向下滚动动画。如描述here(没有点击处理程序)