在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 我想實現(xiàn)這樣的一個頁面，需要用到哪些技術(shù)？

我想實現(xiàn)這樣的一個頁面，需要用到哪些技術(shù)？

第一屏

第二屏

前端新手，了解html和css一個半月左右，想讓大神們幫忙看一下，有這樣一個頁面想實現(xiàn)，第一屏，文字加圖片，上面的文字前半段是固定不動的，后半段是打字機效果，并且文字內(nèi)容會變化。
向下滾動屏幕，第一屏里的這個圖片會隨著屏幕向下滾動，直到第二張圖的這個指定框框這里，就繼續(xù)固定住，屏幕繼續(xù)向下滾動，圖片的位置也不動，但如果向上滾動，圖片就又隨著滾動上去了。

請問想實現(xiàn)這樣的效果，需要涉及到哪些技術(shù)的應(yīng)用，我好去學(xué)習(xí)一下這方面的知識，謝謝了。

回答
編輯回答
遲月

我比樓上答案簡單：既然沒提到j(luò)avascript，那就去學(xué)一下吧。

大概用到的技術(shù)嘛～
頁面布局，
js基礎(chǔ)、DOM基礎(chǔ)、js庫引用，
js動畫、js打字機動畫，
事件基礎(chǔ)、scroll事件，
另外基礎(chǔ)中的基礎(chǔ)：搜索、看文檔(???)。。
大概就這些吧。

2017年7月29日 14:51
編輯回答
爛人

滾動和定位部分有一個不需要js的方法，但是用到了sticky，兼容不好。
https://jsfiddle.net/z9yj4mq7/7/

考慮兼容的話就是監(jiān)聽scroll事件，計算元素間距（Element.getBoundingClientRect()），修改樣式。打字機部分可以用定時器（setInterval）定時向dom的innerText添加文本。這些api都可以去MDN上查。

2018年2月16日 12:26
編輯回答
囍槑

粘性布局了解一下

2017年11月28日 15:11