小编Jim*_*len的帖子

Javascript smoothscroll无效

仍在我的网站上工作:http://i333180.iris.fhict.nl/p2_vc/

有一个用于向下导航的按钮,动作是即时的,但平滑滚动更好.

所以,我谷歌周围,尝试了很多,我找到的最短的脚本是这样的:但我不能让它工作.

    $(function() {
      $('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

          var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            $('html,body').animate({
              scrollTop: target.offset().top
            }, 1000);
            return false;
          }
        }
      });
    });
Run Code Online (Sandbox Code Playgroud)

参考:https://css-tricks.com/snippets/jquery/smooth-scrolling/

这是我添加到我的代码之间的方式

<head>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script>
    $(function() {
      $('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

          var target = $(this.hash);
          target = target.length ? target : $('[name=' …
Run Code Online (Sandbox Code Playgroud)

html javascript

6
推荐指数
1
解决办法
586
查看次数

Javascript 平滑滚动仍然滞后

我正在这个页面上工作:http : //i333180.iris.fhict.nl/p2_vc/

在你们中的一些人的帮助下,我成功地添加了一个平滑滚动插件。

但是,当第一次打开页面时,我注意到很多滚动延迟。

我试过的

  • 我将背景图片从 10 mb 压缩到 2.2 mb (1280 x 1024)。
  • 我将背景图像移动到一个 div 元素,所以它只在内容上而不是在视频后面。

    <div id="div_section_img">
    <!-- all content -->
    </div>
    
    Run Code Online (Sandbox Code Playgroud)
    #div_section_img{
        background: url("nature.png") no-repeat center center fixed; 
    }
    
    Run Code Online (Sandbox Code Playgroud)
    • 这样做时,视频和内容部分之间出现了一条奇怪的“空白”线。我认为这是因为视频高度设置为100vh.

    我设法通过将margin-top设置更改为padding-topon#logofooter元素来解决此问题。

    #logo {
        width: 410px;
        **padding-top: 120px;**
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }
    
    footer {
        **padding-top: 100px;**
        width: 100%;
        height: 300px;
        background-color: rgba(25, 25, 25, 0.8);
    }
    
    Run Code Online (Sandbox Code Playgroud)

虽然所有这些都有所帮助,但仍然存在非常明显的滚动延迟。

我怎样才能摆脱滚动延迟?

平滑滚动.js

$(function() {
  $('a[href*=#]:not([href=#])').click(function() { …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

5
推荐指数
1
解决办法
1076
查看次数

html将视频高度裁剪为100vh,将视频裁剪为全屏

我正在努力处理一个愚蠢的小事情。在这个网站上工作:

(对不起,服务器速度慢,您知道学校的东西)

您将看到的视频是在高度vh100上,这是我想要的。当我将视频放在浏览器的最大高度上时,视频的宽度不是全屏显示。我现在拥有的代码:

的HTML

<!-- video -->
<video id="moodvideo" autoplay loop>
    <source src="moodvideo.mp4" type='video/mp4'>
</video>
Run Code Online (Sandbox Code Playgroud)

的CSS

/* Video */
video {
    height: 100vh;
    width: 100vw;
}
Run Code Online (Sandbox Code Playgroud)

我想要实现的是全屏视频,width 100wh并且height 100vh。如果height(宽度为100wh的视频中的)大于,则height 100vh我希望该视频进行裁剪,以使其在max widthheight您的浏览器上全屏显示。通过裁剪,我也懒得缺少一些视频(50像素从底部左右),在全屏widthheight对我来说更重要。

现在,在问你们像这样的事情之前,我已经进行了很多搜索和尝试。vw100/vh100min-height/width 100加在这部影片中divdiv100 vh/vw和一些脚本,我发现但没有真正的作品...

html css video

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

ASP.NET 将 id 添加到 razor ActionLink

我需要剃刀来生成一个 href 链接。这段代码工作正常:

@Html.ActionLink("Questions", "Questions", "SectionPartials")
Run Code Online (Sandbox Code Playgroud)

如何将 id 元素设置为 a href 标签?我已经尝试过:

@Html.ActionLink("Questions", "Questions", "SectionPartials", new { id= "new-link" })
Run Code Online (Sandbox Code Playgroud)

它向 a href 添加了一个 id,但导航将不再起作用。这也会在代码中出现错误(但确实可以编译)

服务器错误: 在此处输入图片说明

代码错误 在此处输入图片说明

找不到有关此问题的更多信息.. 如果缺少某些信息(例如控制器/视图(?)),我很乐意添加这些信息!

谢谢

asp.net-mvc

4
推荐指数
1
解决办法
1845
查看次数

Webpack编译无法读取null的属性'信号量'

试图构建我的React应用程序,我遇到了这个编译错误:

/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/webpack/lib/Compilation.js:268
                                                _this.semaphore.release();

TypeError: Cannot read property 'semaphore' of null
at factoryCallback (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/webpack/lib/Compilation.js:268:12)
at factory (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/webpack/lib/NormalModuleFactory.js:235:20)
at resolver (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/webpack/lib/NormalModuleFactory.js:60:20)
at asyncLib.parallel.e (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/webpack/lib/NormalModuleFactory.js:127:20)
at /Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/async/dist/async.js:3861:9
at /Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/async/dist/async.js:421:16
at iteratorCallback (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/async/dist/async.js:996:13)
at /Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/async/dist/async.js:906:16
at /Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/async/dist/async.js:3858:13
at resolvers.normal.resolve (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/webpack/lib/NormalModuleFactory.js:119:22)
at onError (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/enhanced-resolve/lib/Resolver.js:65:10)
at loggingCallbackWrapper (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
at runAfter (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/enhanced-resolve/lib/Resolver.js:158:4)
at innerCallback (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/enhanced-resolve/lib/Resolver.js:146:3)
at loggingCallbackWrapper (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
at next (/Users/jimvercoelen/Documents/bitbucket/inboundmuse-client/node_modules/tapable/lib/Tapable.js:252:11)
Run Code Online (Sandbox Code Playgroud)

我不知道造成这个问题的原因.当我尝试googles帮助时,看起来我是唯一一个面对这个的人.

webpack yarnpkg

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

Braintree每月更新订阅

大家好Braintree专家(和其他人)

我们目前正在开发这个应用程序,它使用Braintree进行所有付款.

这个想法非常简单; 用户可以订阅每月或每年的会员资格.

出于某种原因,Braintree决定我们不要每月更新现有订阅,反之亦然.

如果你像我一样顽固并尝试任何方式,你会收到以下错误信息: Cannot update subscription to a plan with a different billing frequency.

在neath选项中,在同一个计费周期内更新订阅; proratedCharges,计算和处理价格差异.

现在我的问题是:通过计算和处理的价格差异(如proratedCharges那样),从月度变为年度(反之亦然)的最佳方式什么?

我在考虑:

  • 检查当前订阅的余额
  • 取消当前订阅
  • 创建一个与所包含的余额不同的新订阅(一次性折扣或价格上涨,甚至不确定是否可行)

因为Braintree并没有真正说明这件事,而且涉及金钱的事实,我真的希望能够做到这一点.所以我和你们一起验证.谢谢!

braintree

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

Plsql分割字符串的最佳方法

从字符串中提取单词的最佳方法是什么?我已经做了一些事情,因为我找到了许多方法,但没有一个看起来"简单".

我们假设有一个名为'change_opening_hours'的程序.此过程具有名为"v_perioden"的时间范围字符串输入.

这个字符串看起来像:

'10:00-12:00'

'10:00-12:00 14:00-16:00'

'10:00-12:00 14:00-16:00 18:00-22:00'

现在我已经自己做了一些事情来从这个输入中抽出每一段时间.

  v_perioden   VARCHAR2(50) := '10:00-12:00 14:00-18:00 22:00-24:00';
  ...
  -- loop though time-periode depeningd
  -- on amount of spaces
  FOR i IN 0..REGEXP_COUNT(v_perioden, ' ') LOOP
    -- first period
    IF i = 0 THEN DBMS_OUTPUT.PUT_LINE(SUBSTR(v_perioden, 0, 11));
    -- second period
    ELSIF i = 1 THEN DBMS_OUTPUT.PUT_LINE(SUBSTR(v_perioden, 13, 11));
    --thirt period
    ELSIF i = 2 THEN DBMS_OUTPUT.PUT_LINE(SUBSTR(v_perioden, 25, 11));
    END IF;
  END LOOP;
Run Code Online (Sandbox Code Playgroud)

输出:

10:00-12:00
14:00-18:00
22:00-24:00
Run Code Online (Sandbox Code Playgroud)

现在这种方式工作正常,但它不是那么有能力.我试图找出如何从空间中的字符串中提取单词,但这并没有成功.

sql oracle plsql

0
推荐指数
1
解决办法
1716
查看次数

标签 统计

html ×3

css ×2

javascript ×2

asp.net-mvc ×1

braintree ×1

jquery ×1

oracle ×1

plsql ×1

sql ×1

video ×1

webpack ×1

yarnpkg ×1