html转换下一页,如何转到下一页与HTML和/或JS锚？

假设你的意思是相对于已知的锚点/项目;如果你使用的是jQuery，他们有一个“下一个兄弟”的选择器;在这里找到的文档：

我刚跑出来;否则我会为你建立完整的选择器，但如果你今天晚些时候没有答案，我会把它放在一起。

编辑

其实基础上，进一步阅读，我quessing你正在寻找下一个相对于当前滚动位置的锚在页面上...这是更多一点的工作......但是可行的...(再次，我会尽力在今天晚些时候提供JS)。

编辑

这些都不是100％完成;但应该足够了，所以你可以得到一般想法。如果您的页面是静态内容，我会建议您浏览页面并缓存文档上的所有偏移;确定元素偏移量可能非常慢(特别是在较旧的浏览器中)。

var _anchorOffets = {};

$(document).ready(function() {

$("A[id]:not(A[href])").each(function (index, value) {

var $anchor = $(value);

_anchorOffets[$anchor.attr("id")] = $anchor.offset().top;

});

function getNextAnchorId() {

var $window = $(window);

var minOffset = $window.scrollTop() + $window.height();

for (var anchor in _anchorOffets) {

if (_anchorOffets[anchor] >= minOffset) {

return anchor;

}

return null;

}

另外，如果你页面有动态内容和锚位置是不固定的文档中，然后你会在看东西更接近

function getNextAnchorId() {

var result = null;

$("A[id]:not(A[href])").each(function (index, value) {

var $anchor = $(value);

var $window = $(window);

var minOffset = $window.scrollTop() + $window.height();

if($anchor.offset().top >= minOffset) {

result = $anchor.attr("id");

return false;

}

});

return result;

}

根据您的网页上，你可能需要扩大这个想法。上述两种解决方案都假设了一个非常基本的文档布局。如果你有任何相对/绝对位置或可滚动的div等有什么幻想，你需要加强它(如果是这样的话，我可以提供代码)。尽管我现在假设我们正在谈论一个基本的查找页面上的锚点，并根据滚动位置找出下一个锚点。此外，我没有广泛测试，所以一些波兰语可能也需要：D

html转换下一页,如何转到下一页与HTML和/或JS锚？相关推荐

计算机组成原理测试习题集5（多体交叉存储器、虚拟存储器、“页式、段式、段页式虚拟存储器”虚实地址转换的过程）
1.为什么使用多体交叉存储器? 解: 为实现同时从存储器中取出n条指令,因此通过改变主存的组织方式,形成多体交叉存储器,在不改变存储器存取周期的情况下,提高存储器的带宽. 多体交叉存 ...
html小说页面上一页下一页,WordPress单页面上一页下一页实现方法(2)
例如:一般的主题是在 page.php 的 loop 循环里面(不知道就在 the_content(); 下面吧)插入调用代码 if ( function_exists('subpage_nav_li ...
php分页上一页下一页判断,分页（上一页，下一页）
实现功能:出现首页,下一页,上一页,尾页 $pagesize=2;//分页,已知每页显示几条记录,$pagesize //我们通过在地址栏传递page参数的形式获得当前是第几页,?page=1就是第一 ...
gridview databind 会导致页面刷新马_Innodb批量页面刷盘情况下的quot;两次写quot;
//Innodb批量页面刷盘情况下的"两次写"// 之前的文章中,我们介绍过innodb的两次写特性,这里给出链接: InnoDB的两次写特性今天我们完善一下这部分的内容. 我们 ...
PHP 屏幕亮度,window_Win8系统调节电脑屏幕亮度的四种方法，第一页：Win8系统下调节电脑屏 - phpStudy...
Win8系统调节电脑屏幕亮度的四种方法第一页:Win8系统下调节电脑屏幕亮度的四种方法第二页:Win8系统下调节电脑屏幕亮度的四种方法刚接触到win8系统的用户或许会比较生疏,很多设置都找不到 ...
element ui 上一页下一页_vue翻页器，包括上一页，下一页，跳转
翻页组件 -- 子组件上一页 {{i}} {{i}} {{i}} - - - - 下一页跳转到: GO export default { model: { // 通过v-model传过来的参数 p ...
针对跨页三线表，在Word2016及以上版本中设置表标题和表头在下一页重复以及解决表格跨页处没有下框线的问题
一.在Word2016及以上版本中设置表标题和表头在下一页重复技巧1:把标题写在表格里,而不是把标题写在表格外,这样表标题也可以跨页重复啦操作1:选中上述前两行--右击鼠标--选择"表格 ...
解决Word文档中表格不会自动换页，而是在同一页word上往下换行的问题。
问题描述问题如图所示,换行只在一页word上往下换行,而不是自动换页到下一页word上. 解决方案: 选中有问题的word表格,右键点击表格属性进入表格属性后,在表格这一栏的文字环绕选择无. 然后 ...
Python 实现office单个文件或整个文件夹（word，ppt，excel）转换成PDF文件，并获取PDF文件页数
Python 实现office单个文件或整个文件夹(word,ppt,excel)转换成PDF文件,并获取PDF文件页数文件夹中获取需要转换的文件数,将其全部转换或可单独转换单个文件,并获取转成PD ...
关于“分节符(下一页)”和“分节符(奇数页)”的问题
"分节符(下一页)"是指下一页的页码是紧按着当前页的页码的,而"分节符(奇数页)"是指下一页的页码一定从奇数页开始,如果当前页为奇数页,则空白一页,再从下一个奇 ...

html转换下一页,如何转到下一页与HTML和/或JS锚？

html转换下一页,如何转到下一页与HTML和/或JS锚？相关推荐

最新文章

热门文章