有没有办法书签或链接到HTML页面(我不是作者)没有在HTML代码中的锚？
我希望页面在从书签或超链接访问时向下滚动到特定部分,即使目标页面中没有锚标记也是如此.
注意:目标页面的锚标记为"foo",然后书签http:/...hello.html#foo不仅会将用户带到hello.html,还会自动向下滚动到页面的某个部分,以便锚点标记"foo"位于顶部屏幕
最近我试图更频繁地使用jquery现在我有一些问题,我想用jquery解决希望你能帮助我.
我有一些网页,其中包含一些锚标记(假设锚点位于页面中间),并且在事件onload上我希望页面从该特定锚标记位置开始,这意味着页面将自动"滚动"到某个地方.
这是我以前的解决方案(因为它将#i添加到我的网址,这非常难看)
window.onload = window.location.hash = 'i';
无论如何,你能告诉我怎样才能用jquery做到这一点？
注意:我不希望用户在到达此位置时感觉到任何幻灯片或效果
可以使用移动到页面上的某个位置#elementId.我怎么能用Javascript/Jquery做同样的事情.调用JS函数时,我想滚动到该页面上的特定位置.
我正在尝试建立一个新的时尚单页网站,我滚动到页面上的一个部分.我想把"固定"标题带到内容的确切位置.我正在使用Zurb基金会.这是我到目前为止(这里找到的一些代码):
<li><%= link_to "Recent Work", "#", "data-scroll" => "recent" %></li>
$(document).ready(function() {
$("a[data-scroll]").click(function() {
var id = $(this).data("scroll")
$('html,body').animate({
scrollTop: $("#"+id).offset().top},
'slow');
});
});
<div id="recent">some content</div>
我遇到的问题如上所述.我想把我的固定标题带到页面上这个div的确切位置.请指教.
我有固定高度和垂直滚动条的dynatree.
node.activate(); 选择我正在搜索的节点,但不移动垂直滚动条,所以我必须手动滚动才能看到活动节点.
我如何以编程方式滚动它？
感谢mar10,我解决了这个问题:
var activeLi = node.li;
$('#tree').animate({
scrollTop: $(activeLi).offset().top - $('#tree').offset().top + $('#tree').scrollTop()
}, 'slow');
<div id="slider">
<div id="pro1"></div>
<div id="pro2"></div>
<div id="pro3"></div>
</div>
<div id="thumb">
<a href="#pro1"> <img id="tpro1" src="projects/tpro5.jpg" style="height: 100%;"></a>
<a href="#pro2"> <img id="tpro2" src="projects/tpro5.jpg" style="height: 100%;"></a>
<a href="#pro3"> <img id="tpro3" src="projects/tpro5.jpg" style="height: 100%;"></a>
</div>
这是我使用的代码,当我点击链接它只是跳到那,div所以我想要一些动画水平滚动来显示div
谢谢
您好，我在使用 jquery 或 javascript 将页面滚动到页面上的特定元素时遇到了很大的问题。
我尝试了很多方法，但都失败了。该网站是使用名为curtain.js https://github.com/victa/curtain.js的框架库实现的。
我尝试过的方法包括：
3）我什至尝试使用锚标记的最简单方法，但没有任何反应。
在只有这样工作是scrollTop的（），你可以从页面上的其他链接查看。不幸的是，这对我不起作用，因为这在不同的屏幕尺寸上都失败了。
您可以在http://pagota.herobo.com 上查看该站点的示例
谢谢 ！
我想创建一个如下所示的 div：
<div id="upButton"> </div>
<div id="divWithExcessiveContent" style="overflow: hidden; height: 20px;">
content number 1<br/>
content number 2<br/>
content number 3<br/>
content number 4<br/>
...
content number 100<br/>
</div>
<div id="downButton"> </div>
根据上面的代码，#divWithExcessiveContent的内容应该只是直到，也许"content number 20"其余都是隐藏的。当#downButton被点击时，里面div应该向下滚动，显示下面的内容"content number 20"。
我怎样才能使用 jQuery 做到这一点？
在我的Ember应用程序中,如何跳转到我的Handlebars模板中的HTML锚点？我创建了一个jsFiddle,显示了我想要完成的任务.
背景
Ember通过应用程序导航的模型使用HTML锚点.
我有以下要求:当用户点击Handlebar linkTo助手导航到新的路线目的地时,浏览器应自动滚动到与该新路线目的地相关联的Handlebars模板内的锚点.
我已经尝试了许多不同的代码来平滑滚动到锚点.我找不到一个有效的.它需要能够垂直,水平和对角滚动.我与其他人发现的另一个问题是它们似乎不适用于多个目标.我希望它能够滚动到页面上的任何锚点,而无需编辑脚本.
这是最匹配的代码,我无法使其工作:
var $root = $('html, body');
$('a').click(function () {
$root.animate({
scrollLeft: $($.attr(this, 'href')).offset().left,
scrollTop: $($.attr(this, 'href')).offset().top
}, 500);
return false;
});
它在JSFiddle中工作,但是当我把它放在我的页面上时它不起作用.
为什么这不重复？ 这是一个多方向脚本,不针对单个元素.它适用于页面上的所有链接.