请问，这个页面底部的footer的效果怎么实现的？-CSDN论坛

⋅请问，这个页面底部的footer的效果怎么实现的？

更多帖子

关注私信空间博客

jdgd1412

本版专家分：0

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

结帖率 100%: 大家好，

有没有人帮忙看看360手机卫士官网这个页面，底部footer的效果是怎么弄的？
http://shouji.360.cn/#7thPage

底部的footer可以根据页面大小有滑动的效果的。
描述的不太清楚，大家帮忙看看。

0 2015-11-14 15:59:05

回复数 8 只看楼主引用举报楼主

⋅请问，这个页面底部的footer的效果怎么实现的？

更多帖子

关注私信空间博客

jdgd1412

本版专家分：0

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！: 没人吗。。。
是我说的不够清楚吗。

就是这个网页的最后一页的footer,在屏幕大的时候可以直接看到，在我的笔记本上显示的时候页面不够大，它可以有一个像用fullpage.js插件实现的网页那样有滚动效果的翻页，但这个翻页效果虽然放在id=“fullpage”的div里，却不是fullpage的一个section，我不知道是怎么弄得，请大家帮我看一下。

可能我表达能力不太好，大家在去网站看一下就能看到了。。。

0 2015-11-14 21:03:31

只看TA 引用举报 #1 得分 0

⋅[散分帖] web前端开发分享-css,js系列篇 ⋅[散分] 浏览器调试工具技巧分享 ⋅[散分] 如何在Webstorm/Phpstorm中设置连接FTP，并快速进行文件比较，上传下载，同步等操作 更多帖子 关注私信空间博客 豪情 本版专家分：16290 黄花 2014年8月 Web 开发大版内专家分月排行榜第二 蓝花 2014年7月 Web 开发大版内专家分月排行榜第三

就是多加了一个判断而已。
http://s7.qhimg.com/static/ac8b099f518d19cf/combo/index.js
看这个文件。



if (e == 7)

    if (s) {

        if (t)

            return t = !1,

            $("#fullPage").css({

                "margin-top": 0

            }),

            !1

        } else

        $("#fullPage").css({

            "margin-top": "-" + n + "px"

        }),

0 2015-11-15 16:50:50

只看TA 引用举报 #2 得分 40

⋅请问，这个页面底部的footer的效果怎么实现的？

更多帖子

关注私信空间博客

jdgd1412

本版专家分：0

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！: 没人来吗，只要思路就好，我没什么头绪。救急啊，实习时被boss要求做的= =
补个图。。

1366x663的窗口大小，最后的footer能占满整个屏，像一个fullpage插件的单独页面，

1024x768的窗口大小，翻页后上一页的内容可以留下一点。

1920x1080的窗口大小下，最后一页就不用滑动了，可以完全显示

是不是我发错区了= =应该发到javascript或者是HTML5区吗。。。

0 2015-11-15 17:02:47

只看TA 引用举报 #3 得分 0

⋅请问，这个页面底部的footer的效果怎么实现的？

更多帖子

关注私信空间博客

jdgd1412

本版专家分：0

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

引用 2 楼 jikeytang 的回复:

就是多加了一个判断而已。
http://s7.qhimg.com/static/ac8b099f518d19cf/combo/index.js
看这个文件。



if (e == 7)

    if (s) {

        if (t)

            return t = !1,

            $("#fullPage").css({

                "margin-top": 0

            }),

            !1

        } else

        $("#fullPage").css({

            "margin-top": "-" + n + "px"

        }),

不好意思，看了还是不太理解啊，改变margin跟那个效果什么关系呢？

0 2015-11-15 22:23:23

只看TA 引用举报 #4 得分 0

⋅请问，这个页面底部的footer的效果怎么实现的？

更多帖子

关注私信空间博客

jdgd1412

本版专家分：0

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

引用 2 楼 jikeytang 的回复:

就是多加了一个判断而已。
http://s7.qhimg.com/static/ac8b099f518d19cf/combo/index.js
看这个文件。



if (e == 7)

    if (s) {

        if (t)

            return t = !1,

            $("#fullPage").css({

                "margin-top": 0

            }),

            !1

        } else

        $("#fullPage").css({

            "margin-top": "-" + n + "px"

        }),

解决了，谢谢！
没想到负margin还有这种妙用。

0 2015-11-16 11:57:06

只看TA 引用举报 #5 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 qq_34907541 本版专家分：0: 楼主能贴出你解决的方法吗急用啊跟你一样的情况研究了一天了还是那样解决不了谢谢了

0 2016-05-06 19:25:43

只看TA 引用举报 #6 得分 0

qq_37193414 本版专家分：0: 楼主能不能说的详细一些

0 2016-12-28 16:41:54

只看TA 引用举报 #7 得分 0

qq_31159037 本版专家分：0: 谁能告诉我怎么做出来的啊

0 2017-02-27 00:28:33

只看TA 引用举报 #8 得分 0

请问，这个页面底部的footer的效果怎么实现的？ [问题点数：40分，结帖人JDGD1412]