Question

我试图创建一个网站，其中一半页面已修复，另一半可以滚动浏览内容（类似于“你的生活与巢”＃39;此处https://nest.com/thermostat/meet-nest-thermostat/）。有没有人知道我可以用来开始这样做的模板？我对编码非常陌生，但知道基本的HTML和一些javascript。

我希望有5个整体部分，每个部分我在一侧有1个固定图像，然后可以在另一侧滚动3组复制内容。

Answer 1

给你的侧边栏一个id。＆LT; tag id =＆＃34; side＆＃34; ＆GT;

on Css Stylesheet编写此代码

    #side 
   {
     width   : 100px;   // width of your Side bar 
     height  : 600px;   // height of Your Side bar 
     float   : left ;   // You can float it right or left 
     position: fixed;   // to prevent it from Scrolling 
     z-index : 999;     // give it any big number to make it above elements on the page 

   }

并且您可以使用Jquery在滚动到特定高度时删除此ID并将此id提供给下一个固定的Section ....等等

更新

你也可以使用像@Ouroborus提到的那样的JS库

半屏固定，另一半有文字滚动

1 个答案:

更新