高分请问下，关于JS JQ的问题 会改代码的大神在哪里？
http://www.lanrenzhijia.com/jquery/2875.html
这个插件是通过滑轮在控制DIV滑动的 我想让左边DIV滑动到第三个以后继续滑动 也就是又回到第一个 就是无限在这3个DIV中滑动 不管是网上还是往下..还有这个插件DIV的高度不能用百分比~ 怎么搞
关于JS JQ的问题 会改代码的大神在哪里
还有这个插件DIV的高度不能用百分比~ 怎么搞
最新回答
时间曼妙
2024-10-31 14:09:19
你给的案例是用的jQuery插件Scrollify，Scrollify 也是一款基于 jQuery 的全屏滚动插件。跟 fullPage.js 相比，Scrollify 更加小巧，压缩后不足 4KB。但功能上不如 fullPage.js 强大，对移动设备的支持也不如 fullPage.js。
你想要的功能，Scrollify里面没有。所以用fullpage插件的话更合适。下面是给你找的插件和demo，你学习下用法，引入插件就可以用了。
使用方法：
1、引入文件
<link rel="stylesheet" href="css/jquery.fullPage.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.fullPage.js"></script>
2、html布局
<div id="dowebok">
<div class="section">
<h3>第一屏</h3>
</div>
<div class="section">
<h3>第二屏</h3>
</div>
<div class="section">
<h3>第三屏</h3>
</div>
<div class="section">
<h3>第四屏</h3>
</div>
</div>
每个 section 代表一屏，默认显示“第一屏”，如果要指定加载页面时显示的“屏幕”，可以在对应的 section 加上 class=”active”，如：
<div class="section active">第三屏</div>
同时，可以在 section 内加入 slide，如：
<div id="dowebok">
<div class="section">第一屏</div>
<div class="section">第二屏</div>
<div class="section">
<div class="slide">第三屏的第一屏</div>
<div class="slide">第三屏的第二屏</div>
<div class="slide">第三屏的第三屏</div>
<div class="slide">第三屏的第四屏</div>
</div>
<div class="section">第四屏</div>
</div>
3、JavaScript
$(function(){
$('#dowebok').fullpage();
});配置项：
追问
我先问一下 这是全屏的滚动 我做的网页左边的固定的 只需要让右边滚动 我把这个插件放进去宽度设置50% 还有效果吗？
追答
可以。你把右边的最外层的div的宽度设置50%就可以了。
追问
我看插件的第四个 index4.html里面对每个DIV设置背景是用的函数调用 我要用图片做背景怎么弄 给每个IDV单独设置一个ID然后设置背景么？ 还是说在函数里面的哪里做修改
追答
比如，你想让四个div滚动。你就把这四个div的class 各自添加一个 section 的类。然后这四个div 的父级（包裹这四个div 的父级）设置一个id（比如是 wrap），添加下面的JavaScript代码即可。
$(function(){
$('#wrap').fullpage();
});如果用图片做背景，你分别设置这四个div 的background 即可。
路人
2024-10-31 08:37:58
我研究了下，貌似确实没有！
http://www.dowebok.com/demo/2014/107/
不过你可以用fullPage
试试这个链接
http://www.dowebok.com/demo/2014/77/index4.html
追问
我先问一下 这是全屏的滚动 我做的网页左边的固定的 只需要让右边滚动 我把这个插件放进去宽度设置50% 还有效果吗？
追答
完全可以啊，对需要滚动的DIV进行设置就行
追问
我想再写一个DIV 显示在最上面层 然后屏幕不管怎么滚动他都一直在那个位置不动应该在哪写。
追答
直接写一个DIV
{width:100%;height:50px;background:#f00;position:fixed;top:0;left:0;}
萌音草莓
2024-10-31 10:39:52
追问
不是的 我要找的就是这种只需要一部分DIV滚动就行了 你说的我有
追答
原理一都一样，把不动部分设成position: fixed;不就可以固定咯
热门标签
