Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击鼠标右键,滚动至顶部,再滚动100像素_Javascript_Jquery - Fatal编程技术网

Javascript 单击鼠标右键,滚动至顶部,再滚动100像素

Javascript 单击鼠标右键,滚动至顶部,再滚动100像素,javascript,jquery,Javascript,Jquery,我使用一个页面的网站,当我点击菜单按钮时,它会向下滚动到一些分区的顶部。。。但因为我使用的是固定标题,所以滚动到0px顶部,我需要像100px顶部一样填充body标签,但我需要在函数中说,我需要从页面顶部滚动到100px之后的项目顶部。 这是我的密码: jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); v

我使用一个页面的网站,当我点击菜单按钮时,它会向下滚动到一些分区的顶部。。。但因为我使用的是固定标题,所以滚动到0px顶部,我需要像100px顶部一样填充body标签,但我需要在函数中说,我需要从页面顶部滚动到100px之后的项目顶部。 这是我的密码:

jQuery(document).ready(function($) {
    $(".scroll").click(function(event){     
        event.preventDefault();
        var x = $(this.hash).offset().top;
        $('html,body').animate({scrollTop:x},2000);
    });
});

只要将100px添加到
$(this.hash).offset().top
就可以了,如果我理解正确的话

因为,偏移量是相对于文档获取数据

获取第一个元素的当前坐标,或设置匹配元素集中每个元素相对于文档的坐标

例子:
jQuery(文档).ready(函数($){
$(“.scroll”)。单击(函数(事件){
event.preventDefault();
var x=$(this).offset().top;
$('html,body').animate({scrollTop:x-100},2000);
});
});

单击以滚动到我

scrollTop:x
->
scrollTop:x-100
?@Sarma请检查我的答案。@Sarma我已经为你写了一个片段。我不知道你到底想解决什么,但这似乎有效。请注意,我已经删除了
$(this.hash)
,以便我的示例正常工作。如果需要,您可以添加回去。我需要添加-LOL not+,这不像是您回答我,因为您回答了我用+尝试过的东西,而不是用-但我会接受它。@Sarma Thx,正如我说的,我还忘了在我们谈话时编辑它。