1、有截取滾動網(wǎng)頁的軟件,如FSCapture,就可以截取整個網(wǎng)頁。
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供相城網(wǎng)站建設(shè)、相城做網(wǎng)站、相城網(wǎng)站設(shè)計、相城網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、相城企業(yè)網(wǎng)站模板建站服務(wù),10多年相城做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
2、 然后打開要截取的網(wǎng)頁,在FSCapture懸浮窗口上找到滾動截圖工具。
3、在默認情況下,是截整個界面,包括瀏覽器窗口,如果默認,下面有提示,點一下鼠標左鍵即可。
4、 如果要自定義截圖窗口,按住Ctrl鍵,就會出現(xiàn)一個紅色十字架,用鼠標拖動這個紅十字架,框住想要的窗口。然后拖動右側(cè)的滾動條到上端,或者點下端的滾動箭頭,就能截取整個網(wǎng)頁。
5、完成截圖后,會自動返回到FSCapture編輯窗口,這時只要保存即可。
6、 選擇一個保存文件夾,定義一個保存文件名,如滾動截圖,按保存。
7、再用普通的看圖軟件ACDSee打開,就能看到一個長長的網(wǎng)頁圖,看看長寬比930x1776。
網(wǎng)上這類插件非常多,無非就是自己下下來,修改下樣式就好了,其他的如動畫輪播js是沒必要去修改的,小圖可以吧css中的按鈕改成圖片而已,沒必要自己寫哦,費腦子,
hi我在網(wǎng)上找到一篇文章專門寫圖片滾動的希望能幫助到你。
另外我想要提醒你的是:使用鼠標滾輪只適合在全屏中滾輪或者頁面高度不足100%,而不是頁面里的一個banner滾動,因為如果用戶目的是往下滾動呢?
JS滾輪事件(mousewheel/DOMMouseScroll)了解
另外還有一個demo
如果你想有整屏的滾動那網(wǎng)上也有插件
fullPage
demo:
獲得屏幕的大小,獲得圖片相對于屏幕的x和y值,獲得圖片的大小,然后屏幕大小減去X值(如果是上下滾動就減去Y值),圖片大小減去這個剛才得到的值,就得到了隱藏的圖片部分的大小,然后append一個文本框,高度寬度設(shè)為隱藏圖片部分的大小,然后對其相對于圖片絕對定位,圖片的屬性設(shè)為relative,文本框為absolute,這樣就可以了