小编VUE*_*ELA的帖子

修改InfiniteScroll以水平工作

我在这里看到了一些关于这个主题的帖子,但是找不到一个能够解决我试图处理的问题的帖子.

在我的网站上,我有一些博客帖子.我已经设置了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)

jquery horizontal-scrolling squarespace infinite-scroll

11
推荐指数
1
解决办法
3820
查看次数

如果Statement不与And(&&)运算符一起使用

我很难写出看似简单的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

3
推荐指数
1
解决办法
2万
查看次数