我在这里看到了一些关于这个主题的帖子,但是找不到一个能够解决我试图处理的问题的帖子.
在我的网站上,我有一些博客帖子.我已经设置了infiniteScroll(https://github.com/paulirish/infinite-scroll),它可以正常加载滚动操作触发的下一页内容.我已经设置我的div水平滚动但我无法弄清楚如何修改infiniteScroll脚本(和local.js脚本)由水平滚动而不是垂直滚动触发.
以下是进度:https://adrtimesv6.squarespace.com/library/(您必须输入访问者访问验证码才能在构建时查看).
任何帮助将不胜感激!!我一直在修补和狩猎互联网几天,试图让这个工作....
我的html结构是这样的:
<div class="listWrapper">
<div id="scroller">
<article class="item"></article>
<article class="item"></article>
... and so on
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的脚本看起来像这样:
$('#scroller').infinitescroll({
behavior: 'local',
binder: $('#scroller'),
nextSelector: ".pagination .nextPage",
navSelector: ".pagination",
itemSelector: ".item",
animate: false,
extraScrollPx: 0,
bufferPx: 235,
pixelsFromNavToRight: undefined,
});
Run Code Online (Sandbox Code Playgroud)
我修改了infiniteScroll js文件,将所有高度引用更改为宽度,从上到下,从下到右:
;
(function ($) {
$.fn.infinitescroll = function (options, callback) {
function debug() {
if (opts.debug) {
window.console && console.log.call(console, arguments)
}
}
function areSelectorsValid(opts) {
for (var key in …Run Code Online (Sandbox Code Playgroud) 我很难写出看似简单的if语句!我需要它说,如果mod不等于a,b或c - 那么这样做.这是我尝试但未成功的原因:
var mod = CURRENT_MODULE_ID;
if (mod != "5827289" && mod != "5195103" && mod != "5181422") {
doSomething();
}
Run Code Online (Sandbox Code Playgroud)
当我在编辑器中键入它时,它表示存在错误,特别是"实体名称必须紧跟实体引用中的'&'." ..当我去测试时,它不起作用.
任何帮助表示赞赏!!
更新:网址:esber.squarespace.com
完整的脚本:
<script type="text/javascript" src="/storage/scripts/sessvars.js"></script>
<script type="text/javascript">
<![CDATA[
onload=function(){
sessvars.browserConfirmation?'none':'';
sessvars.ageConfirmation?'none':'';
};
var mod = Squarespace.Constants.CURRENT_MODULE_ID;
if (mod != "5827289" && mod != "5195103" && mod != "5181422") {
if(sessvars.ageConfirmation != "yes"){
window.location = "/verify/";
};
};
]]>
</script>
Run Code Online (Sandbox Code Playgroud)
我希望网站中的每个页面都自动将页面加载重定向到验证页面,除非它是验证页面(/ verify),"您未验证"页面(/未验证)或登录页面(/登录) - 除非用户已通过设置sessvars进行验证,否则他们可以继续访问主页.
为了测试这个,我去esber.squarespace.com并点击右边的一个菜单项(这个菜单最终会在我完成页面时被隐藏) - 当我尝试去另一个页面时没有验证我的年龄首先我应该被重定向回/验证页面,但这不会发生.
如果我修改脚本:
<script type="text/javascript" src="/storage/scripts/sessvars.js"></script>
<script type="text/javascript">
onload=function(){
sessvars.browserConfirmation?'none':'';
sessvars.ageConfirmation?'none':''; …Run Code Online (Sandbox Code Playgroud) javascript cdata content-management-system logical-operators squarespace