如何构建像Google Nexus 5主页这样的页面？ [英] How to Build a Page like Google Nexus 5 Homepage ?

问题描述

您好，





伙计们可以帮助我了解nexus 5主页的制作方法。

我正在asp.net中创建一个项目，并希望从此页面采用一个功能

https：/ /www.google.com/nexus/5/ [ ^ ]



当我们向下滚动背景图像时保持静止，其余内容向上滚动。



所以任何人都请告诉我他们使用过的wat概念我可以在我的项目中采用它。



谢谢你

Hello ,


Guys can anyone help me how the nexus 5 homepage is made.
I am making a project in asp.net and want to adopt one feature from this page
https://www.google.com/nexus/5/[^]

when we scroll down the background image stays still and the rest content scrolls up.

So anyone please tell me wat concept they have used which i can adopt that in my project.

Thank You

推荐答案

您可以直接下载此页面的样式并自行计算出来。什么，你会在一些网站上看到你喜欢的风格特征时问一个问题吗？你需要培养自己找出这些东西的技能（并且只是学习技巧而不是复制其他网站的风格）。



你想要的功能可以通过只有一个样式属性 html 和 body 元素。例如，假设您需要在页面右侧的白页背景上显示非滚动图像。然后你的CSS看起来像

You could simply download the styles for this page and figure it out by yourself. What, are you going to ask a question every you see a style feature you like on some site? You need to develop skills of finding out such things by yourself (and just learning techniques but not copying other sites' styles).

The feature you want can be implemented by just one style property for html and body elements. For example, suppose you need a non-scrolling image on right top of your page on the white page background. Then your CSS would look something like

html body {
    background: url("my-Non-Scroll-image.png") white fixed no-repeat right top;
}

有关更多详细信息和其他选项，请参阅： http://www.w3.org/TR/CSS2/ colors.html [ ^ ]。



祝你好运，

-SA

这篇关于如何构建像Google Nexus 5主页这样的页面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！