onepagescroll.js兼容ie吗

JavaScript023

onepagescroll.js兼容ie吗,第1张

onepage-scroll 使用了 CSS3 transform 属性,所以不兼容 IE10 以下的浏览器。

你可以设置 responsiveFallback: true 使页面在 IE8、IE9 中能够正常浏览。

onepage流程如下:

1、首先为一页网站创建内容,在为一页网站创建内容时,您需要将内容组织成多个部分,并使用每个部分开头的容器元素或菜单锚元素中提供的菜单锚名称选项。这样一来,您就可以引用菜单中的每个部分。您的菜单将成为观众快速滚动到他们想要查看的部分的一种方式。例如,单击关于菜单项将自动将页面滚动到关于部分。比如大家常规都是新建一个home页,然后我们去到后台将home页改成一个静态页面。在仪表盘>setting>reading里更改,然后选中后点击保存。

2、创建内容,点击page进去新建的home页单击使用FusionBuilder按钮访问FusionBuilder,然后照常创建页面内容和布局。例如我们新建aboutus,contactus,product页面。确定页面的不同部分后,就该参考每个部分了。如果您的部分位于容器元素的开头,请使用容器元素中的菜单锚点名称选项。如果您的部分位于容器的中间,请使用菜单锚元素。

3、接下来我们要创建一个菜单栏,进入仪表盘>外观>菜单,然后创建一个新菜单,菜单命名,就叫home就行,方便好记。然后点击customurl,编辑url和url文本,我们在页面不是加了aboutus,contact和product嘛,然后url那一定要加#符号再加名字,才能利用锚点定位,然后依次把设定好的页面添加进去,然后addtomenu,然后一定要勾选mainNavigation,才能在前台显示。

4、最后我们在进入page里的home界面,为每个模块都添加上锚点定位链接。选择这个元素的名字,然后在name那里依次添加。每个元素都要添加一个menuanchor。

5、最后更新发布,这样一页式网站就做完。

1、要引用jquery库文件

2、onepage_scroll这应该是一个插件,引用必要的插件文件

3、这个应该是一个屏幕滚动插件,绑定元素或则浏览器的滚屏事件