由于我对Javascript/Jquery/HTML5/CSS3还是个新手,我想我应该向你们所有更有经验的程序员提一个问题。
我有点卡在我的程序逻辑的开头。我想做一个具有视差“滚动”效果的网站,然而,该效果应该只发生在用户点击导航按钮在屏幕的边缘。
网站的布局如下所示:
O
OXO
O
“O”是内容div,"X“是”主页“(原点)。如果用户点击屏幕顶部的箭头(从原点),页面将向上滚动。任何其他方向都是如此。我想要一张机构的背景巨幅照片,它根据他们”滚动“到的特定内容div的位置,使用视差效果。
我已经绞尽脑汁两天了,试图弄清楚从哪里开始。任何帮助都将不胜感激,如果我需要更具体的东西
我有一个类为"scrollToTop“的按钮,当点击时它会滚动到页面的顶部。下面是js文件:
$(document).ready(function(){
//Check to see if the window is top if not then display button
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToT
所以我制作了这个动画网站,每次我在我的按钮上应用“回顶”代码时,它总是在整个页面上滚动,直到它到达顶部。
我希望它能立即把它们带到顶端,而不需要任何花哨的向上滚动效果,这就是我要得到的。
我尝试过多个脚本,它们都是出于某种原因获得动画的(即使我搜索的脚本代码应该不是动画的)。
这是我正在使用的当前脚本:(我尝试了多次,但它们都产生了相同的动画滚动效果)
<!-- Back to top -->
<script>
var btn = $('#BackTop');
$(window).scroll(function()
我正在尝试制作一个按钮,当点击时,指向不同页面的特定部分。
例如,用户在他的个人资料页面上点击了“更改个人信息”按钮。他/她应该被重定向到设置页面,浏览器应该向下滚动(或着陆)“更改您的个人信息”部分(例如,在该页面的底部)。
我使用了类似的东西,它使用以下js行向下滚动到同一页的一部分:
function goToByScroll(id){
// Removing "link" from the ID
id = id.replace("link", "");
// Scroll
$('h
当一个按钮被点击时,我试图得到一个缓慢的滚动效果。现在,我找到了一个函数,可以在单击元素时跳转到页面的散列。
我使用scrolltop方法向下跳转我的页面。我去了-220页。
浏览器中的错误消息:
Uncaught TypeError: Cannot read property 'top' of undefined
at HTMLDivElement.<anonymous> (script.js:35)
at HTMLDivElement.dispatch (jquery.min.js:2)
at HTMLDivElement.y.handle (jquery.mi