gpt4 book ai didi

javascript - 如何在标题末尾停止滚动并继续滚动内容?

转载 作者:行者123 更新时间:2023-11-28 11:28:06 25 4
gpt4 key购买 nike

今天,当我真正注意到网站布局时,我正在观看一些 youtube 视频。我想知道如何做到这一点。我想实现以下网站布局:

  • 在页眉末尾,页面停止滚动,滚动只对内容有影响。

  • 我想让侧边栏保持相同的位置并始终在右侧可见。

  • 我想指出,我的意思不是内容中的滚动条,如果我的解释没有意义,请查看 youtube 主页或本网站 http://www.squarespace.com/press-releases/ .

我想我需要一些 javascript 或 jQuery,希望你们能在正确的方向上插入我。如果你们能告诉我我需要用什么来达到这个效果,我将不胜感激。

提前致谢。

编辑:我注意到只有当我使用 Opera 浏览器时才能看到 youtube 中的效果另一个我想到的网站 http://www.squarespace.com/press-releases/

最佳答案

你可以用jquery做到这一点

$(window).scroll(function(){

var scrolled = $(window).scrollTop();

//if window is scrolled past the height of the header (in my case 200px), execute code
//or you could do this dynamically by saying scrolled > $(".header").height();
if(scrolled > 200){

$(".left").css({"position":"fixed"});

}else{

$(".left").css({"position":"inherit"});

}
});

JSFIDDLE

仅供引用,页面不会停止滚动,边栏只是固定在页面上。

关于javascript - 如何在标题末尾停止滚动并继续滚动内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21271761/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com