基于html5和css3响应式全屏滚动页面切换效果_html/css
2020-11-27
来源：要发发知识网
在线预览 源码下载
HTML
wrapper div的class为st-container，里面包含作为导航按钮的radio和用于页面切换的面板st-scroll。
Serendipity Happiness Tranquillity Positivity PassionSerendipity
Banksy adipisicing eiusmod banh mi sed...
我们要做的事情是改变面板的高度值，使点击导航按钮时相应的面板显示在屏幕上。可以通过兄弟选择器来在按钮点击时获取正确的面板。我们需啊哟radio按钮和st-scroll在dom结构的同一层上，并且要在超链接的上部（超链接的透明度将会被设置为0，使其不可见）。为了正确选择面板，我们还要给每个面板和radio按钮一个id。 CSS代码请参考下载文件中的css文件。
via：http://www.w2bc.com/Article/26057
显示全文