小编Ale*_*iré的帖子

滚动到该div后如何使div固定?

div滚动到那个后如何保持固定div?我有一个div稍后在页面中,你需要滚动才能达到目的div.

如果我使用:

.divname {
  position: fixed;
}
Run Code Online (Sandbox Code Playgroud)

div出现之前就应该正常显示.也许我需要的一个很好的例子是关于9gag的第二个广告.如果您的屏幕分辨率足够低,则在加载首页后您将看不到该广告,但在向下滚动后,您会看到第二个广告,并在向下滚动时保持固定状态.

html javascript css scroll css-position

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

是否可以在Google Maps API v3上编写自定义文字?

是否可以在标记旁边的Google Maps API v3上编写自定义文本,或者我只能使用信息窗口来执行此操作?

google-maps google-maps-api-3 google-maps-markers

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

knockout js - 使用列标题进行表格排序

我是淘汰js的新手,需要帮助锻炼如何使用列标题动态排序表格.

以下是我的代码的一部分:

HTML:

<table>
    <thead>
        <tr data-bind="click: sortFunction">
            <th id='id'>Id</th>
            <th id='name'>Name</th>
            <th id='description'>Description</th>
        </tr>
    </thead>
    <tbody data-bind="foreach: deptList">
        <tr>
            <td><span data-bind="text: id" /></td>
            <td><span data-bind="text: name" /></td>
            <td><span data-bind="text: description" /></td>
        </tr>    
    </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

在我的视图模型中,我使用以下函数来使用表头对数据表进行排序.

视图模型:

self.deptList = ko.observableArray(mylist);
self.sortColumn = ko.observable("id");
self.isSortAsc = ko.observable("True");

var Dept = function(id, name, description) {
    this.id = ko.observable(id);
    this.name = ko.observable(name);
    this.description = ko.observable(description);
};

var mylist = [
    new Dept(1, "Dept 1", "D1"),
    new Dept(2, "Dept 2", "D6"),
    new Dept(3, "Dept …
Run Code Online (Sandbox Code Playgroud)

html-table knockout.js

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

如何通过单击按钮更改Google Map Center

我正在使用Google Map API v3和jQuery 1.11.0.

我在以下div中有一个Google Map:

<div id="googleMap" class="map_div"></div>
Run Code Online (Sandbox Code Playgroud)

map.js是外面的HTML文件,它是联系在一起的.

现在我在html的另一部分(外部地图)中有一个按钮,如下所示:

<button id="3">Change center</button>
Run Code Online (Sandbox Code Playgroud)

现在我想添加一个点击事件,它会将地图的中心更改为新的纬度和经度.

所以,我在HTML中有这样的JavaScript:

<script>
    $(document).ready(function()
    {
        $("#3").click(function(){
            var center = new google.maps.LatLng(10.23,123.45);
            map.panTo(center);
        });
    });
</script>
Run Code Online (Sandbox Code Playgroud)

有人可以帮我吗?在此先感谢您的帮助.

html javascript jquery google-maps google-maps-api-3

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

Wordpress-如何从 term_ID 获取术语名称?

我正在尝试从$title. 我接触过很多食品的功能,如get_post_meta()get_the_terms()等,这似乎只能获得短期的名字从post_id,这是不是我要找的。

我如何从 中获取术语名称term_id

php wordpress taxonomy-terms

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

没有硬刷新,视频自动播放不起作用

我有视频背景。它使用自动播放。这里是:

<video muted loop autoPlay >
    <source src="assets/videos/background.mp4" type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)

这仅适用于以下情况: 1. 硬刷新(正常加载不起作用) 2. 导航到(如果我在另一个页面上然后导航到主页)

如果您只是导航到该链接,则它不起作用。链接:https : //jackseabolt.github.io/trasher/(请勿乱用本站)

对这里发生的事情有什么想法吗?

html html5-video

10
推荐指数
2
解决办法
8580
查看次数

使用HTML5播放MKV时没有声音

我正在尝试使用HTML5播放.MKV文件.视频工作正常,但没有声音,我无法取消静音视频.

<video src="video.mkv" type='video/x-matroska' codecs='theora, vorbis'></video>
Run Code Online (Sandbox Code Playgroud)

我正在使用Chrome 24.

谢谢.

audio video html5 html5-video

7
推荐指数
1
解决办法
3860
查看次数

filter:drop-shadow () 在 Chrome 中不起作用

filter这些天我一直在深入研究 CSS属性。我写了一些代码只是为了进行一些测试。下面是一段与drop-shadow过滤器相关的简单代码:

HTML

<div class="rounded"></div><div class="bubble"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

div.rounded{
    width: 300px;
    height: 100px;
    background:red;
    display: inline-block;
}

div.bubble{
    border: 20px solid transparent;
    border-left: 20px solid red;
    display: inline-block;
    position: relative;
    top:-40px;
    -webkit-filter: drop-shadow(50px 50px 50px 10px blue);
    filter: drop-shadow(50px 50px 10px blue);
}
Run Code Online (Sandbox Code Playgroud)

正如您从附加的图像filter:drop-shadow() 中看到的那样,它在 Firefox(在图像的右侧中可以正常工作,但在 Chrome(在图像的左侧)中却没有。我目前对 IE 不感兴趣。

您认为可能存在什么问题?

html css google-chrome drop-shadow css-filters

6
推荐指数
0
解决办法
3381
查看次数

用于角材的多项目响应式传送带

我正在尝试在AngularJS中创建一个多项目响应式滑块。我对Owl Carousel(https://owlcarousel2.github.io/OwlCarousel2/)和Slick Slider(http://kenwheeler.github.io/slick/)很熟悉,但是它们都使用jQuery,而我想要一些没有jQuery的东西。

请提出任何指令或滑块,或任何其他简单的方法。

我想实现以下输出:

在此处输入图片说明

谢谢!

slider carousel angularjs angularjs-material responsive

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

缩短Charts.js中的数字标签

我正在使用Chart.js为客户制作一个简单的折线图,但是显示的值都在数百万以上,这使得标签在图表中占据了大量空间,如下所示:

图表

我想缩短标签以显示M而不是六个0。

我查看了文档,但没有发现任何此类信息。

javascript charts chart.js

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