扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1、有截取滚动网页的软件,如FSCapture,就可以截取整个网页。
创新互联专业为企业提供相城网站建设、相城做网站、相城网站设计、相城网站制作等企业网站建设、网页设计与制作、相城企业网站模板建站服务,10多年相城做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
2、 然后打开要截取的网页,在FSCapture悬浮窗口上找到滚动截图工具。
3、在默认情况下,是截整个界面,包括浏览器窗口,如果默认,下面有提示,点一下鼠标左键即可。
4、 如果要自定义截图窗口,按住Ctrl键,就会出现一个红色十字架,用鼠标拖动这个红十字架,框住想要的窗口。然后拖动右侧的滚动条到上端,或者点下端的滚动箭头,就能截取整个网页。
5、完成截图后,会自动返回到FSCapture编辑窗口,这时只要保存即可。
6、 选择一个保存文件夹,定义一个保存文件名,如滚动截图,按保存。
7、再用普通的看图软件ACDSee打开,就能看到一个长长的网页图,看看长宽比930x1776。
网上这类插件非常多,无非就是自己下下来,修改下样式就好了,其他的如动画轮播js是没必要去修改的,小图可以吧css中的按钮改成图片而已,没必要自己写哦,费脑子,
hi我在网上找到一篇文章专门写图片滚动的希望能帮助到你。
另外我想要提醒你的是:使用鼠标滚轮只适合在全屏中滚轮或者页面高度不足100%,而不是页面里的一个banner滚动,因为如果用户目的是往下滚动呢?
JS滚轮事件(mousewheel/DOMMouseScroll)了解
另外还有一个demo
如果你想有整屏的滚动那网上也有插件
fullPage
demo:
获得屏幕的大小,获得图片相对于屏幕的x和y值,获得图片的大小,然后屏幕大小减去X值(如果是上下滚动就减去Y值),图片大小减去这个刚才得到的值,就得到了隐藏的图片部分的大小,然后append一个文本框,高度宽度设为隐藏图片部分的大小,然后对其相对于图片绝对定位,图片的属性设为relative,文本框为absolute,这样就可以了
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流