html制作自动滚动,如何制作一个html滚动页面

body {

background-image: url("https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png");

background-repeat: no-repeat;

background-attachment: fixed;

}

.navbar {

overflow: hidden;

background-color: #333;

position: fixed;

top: 0;

width: 100%;

}

.navbar a {

float: left;

display: block;

color: #f2f2f2;

text-align: center;

padding: 14px 16px;

text-decoration: none;

font-size: 17px;

}

.navbar a:hover {

background: #ddd;

color: black;

}

.main {

padding: 16px;

margin-top: 30px;

height: 1500px;

}

Home

News