Question

什么是最简单的方法来启用我的页面标题来更新每个内容div区域？

我有一个垂直滚动网站，并希望在用户导航到每个内容区域时更改页面标题（内容区域在div和文章中）

基本上，我正在努力保持'原始网站标题| +主页/关于等'

我认为这是我必须用php调用来记住每个div链接的set title属性？有关设置的建议（如果可能）

Answer 1

我认为你应该看看Viewport plugin。这样您就可以使用4个选择器：

$(":in-viewport")
$(":below-the-fold")
$(":above-the-top")
$(":left-of-screen")
$(":right-of-screen")

现在你可以这样做：

//Get the id of element(div) that is currently in view
var inview = $('div:in-viewport:first').attr('id');

//Define titles
if (inview == 'home'){

var newtitle = 'Home'

} else if (inview == 'about') {

var newtitle = 'About us'

} 

//Lets rename the page title
document.title = 'Orginal Site Title |' + newtitle;

现在，当您根据当前查看的div滚动（$(window).scroll(function () { ... });）更新页面标题时，应始终调用上述代码。

这只是一个通用示例，可以完全根据您的需要进行更改。我希望它在某种程度上有所帮助。

Answer 2

你可以通过编写基于作为twitter bootstrap一部分的scrollspy插件的插件来实现这一点：http://twitter.github.com/bootstrap/javascript.html#scrollspy

你可以调整它，而不是在目标上设置一个类，它使用当前可视面板中的内容更新标题

在垂直滚动网站中划分内容页面标题

2 个答案: