我有这个input元素:
<input type="text" class="textfield" value="" id="subject" name="subject">
Run Code Online (Sandbox Code Playgroud)
然后我有一些其他元素,如其他文本输入,textareas等.
当用户点击它input时#subject,页面应滚动到页面的最后一个元素,并带有漂亮的动画.它应该是一个滚动到底部而不是顶部.
页面的最后一项是一个submit按钮,其中包含#submit:
<input type="submit" class="submit" id="submit" name="submit" value="Ok, Done.">
Run Code Online (Sandbox Code Playgroud)
动画不应该太快,应该是流畅的.
我正在运行最新的jQuery版本.我更喜欢不安装任何插件,但使用默认的jQuery功能来实现这一点.
可以使用移动到页面上的某个位置#elementId.我怎么能用Javascript/Jquery做同样的事情.调用JS函数时,我想滚动到该页面上的特定位置.
我服务很长的html页面(短电子书)
当客户回来时,由于长html页面而试图找到离开的确切位置太麻烦了.
是否有一种简单的方法可以自动维护滚动位置,以便下次客户端返回页面时,页面会自动向下滚动到停止的位置.这需要透明,即不要点击"存储"滚动位置.
您好,我在使用 jquery 或 javascript 将页面滚动到页面上的特定元素时遇到了很大的问题。
我尝试了很多方法,但都失败了。该网站是使用名为curtain.js https://github.com/victa/curtain.js的框架库实现的。
我尝试过的方法包括:
3)我什至尝试使用锚标记的最简单方法,但没有任何反应。
在只有这样工作是scrollTop的(),你可以从页面上的其他链接查看。不幸的是,这对我不起作用,因为这在不同的屏幕尺寸上都失败了。
您可以在http://pagota.herobo.com 上查看该站点的示例
谢谢 !
这是我的代码,它没有显示任何错误,但也不去href位置。当我更改href为“www.google.com”时,代码可以正常工作。为什么它不适用于同一页面链接?
<form>
<a href="#DivIdToScroll">
<div id="btnLink" onClick="generateReport();"> Generate </div>
</a>
</form>
<script>
function generateReport()
{
window.location.href = '#DivIdToScroll';
}
</script>
Run Code Online (Sandbox Code Playgroud)