小编mik*_*his的帖子

在子div中阻止父滚动

当我滚动到子项的底部时div,body元素开始滚动.

我怎么能阻止这个?我只希望body当光标在它上面时滚动.

示例:JsFiddle

css jquery scroll

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

Github的API密钥加密?

我正在编写一个利用Tumblr API的Python应用程序,并想知道如何隐藏或加密API密钥.

Github警告不要将此信息推送到回购,因此我如何向公众提供该应用程序并仍然遵循该政策?

python api github

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

jQuery集合,功能和组织

我有以下代码,它采用单个图像并应用特定的宽度:

function Foo ( img ) {
    this.image = img;
}
Foo.prototype._getWidth = function( ) {
    return this.image.data('largest') + 'px';
};
Foo.prototype.applyWidth = function(  ) {
    this.image.css( 'width', this._getWidth() );
};

var img = Foo( $('img') );

img.applyWidth();
Run Code Online (Sandbox Code Playgroud)

然而,我正在努力处理jQuery图像集合,例如$('img')没有for循环或$.each()每个函数内部(我有上面显示的这两个函数).

到目前为止,我提出的最好的是:

var temp = [];

function Create ( imgs ) {
    $.each( imgs, function( i ){
        temp[ i ] = new Foo ( $( this ) );
    });
    return temp;
}

Create( $('img') );

$.each( temp, function() …
Run Code Online (Sandbox Code Playgroud)

javascript jquery object

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

如何在 css 中自定义滚动条悬停的光标?

我正在使用 tumblr。我使用以下代码更改主体的光标并将鼠标悬停在链接上

body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto}
a:hover { cursor:url("http://i.imgur.com/IepP2.jpg"), auto}
Run Code Online (Sandbox Code Playgroud)

但这似乎不会影响我添加到其中一个容器中的滚动条,即:

overflow-y: auto;
overflow-x: hidden;
Run Code Online (Sandbox Code Playgroud)

当我悬停/单击滚动条时,光标只是变回默认浏览器光标。如何自定义滚动条的光标???

css scrollbar cursor

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

我们可以使用Font Awesome创建自己的自定义图标吗?

我有web应用程序,我想在我的项目中使用不同的图标,因为我使用了以下css和代码.

<p><i class="fa fa-camera-retro fa-lg "></i> fa-camera-retro</p>
<p><i class="fa fa-camera-retro fa-2x "></i> fa-camera-retro</p>
<p><i class="fa fa-camera-retro fa-3x "></i> fa-camera-retro</p>
<p><i class="fa fa-camera-retro fa-4x "></i> fa-camera-retro</p>
<p><i class="fa fa-camera-retro fa-5x "></i> fa-camera-retro</p>
Run Code Online (Sandbox Code Playgroud)

字体awesome.min.css

    /*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal; …
Run Code Online (Sandbox Code Playgroud)

css fonts icons imageicon font-awesome

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

我可以仅使用Masonry.js来获得“无限滚动”效果吗?

我正在尝试学习编码Tumblr主题(我没有钱买Wordpress),我想弄清楚如何实现帖子的“无限/无穷滚动”(与分页相反);我宁愿不使用2个主要的无限滚动脚本中的任何一个,因为infinite-scroll-js(由Paul Irish 编写)的文档相当齐全(我能够使其正常工作),但是我希望对帖子的加载方式进行更多控制,因此说话,而且科迪·谢尔曼(Cody Sherman)的无限滚动代码完全没有记录,而且我也不知道应如何使用(各种各样的指令是由几位非编码人员分发的,他们对Javascript的了解少于我,这是在说些什么) 。

我不了解任何Ajax,但是我愿意根据需要阅读尽可能多的JS文档。突然添加帖子时,可以使用以下顺序吗?还是需要像Paul Irish这样理解Ajax?

上载:(身体)

  1. 获取所有.post元素(带有子元素),将它们从DOM中删除,同时将其添加到基本上只是帖子列表(数组或JS术语?)的var中

  2. 加载一些计算出的帖子数(可能会有一种算法,可能基于帖子的高度或某些东西,或者在它们到达时进行动态测量)/当用户滚动到底部时,将它们添加到动画的Masonry容器中页面,正文或砌体容器(尚未决定哪一个)

这是合理的还是我会浪费时间?

javascript jquery jquery-masonry infinite-scroll

5
推荐指数
0
解决办法
761
查看次数

HTML 对象标签删除滚动条溢出

我正在尝试将该overflow属性应用于<object/>应用于元素。这可能吗?

该问题的一个示例如下:JSFiddle。在 Chrome 中,溢出似乎被忽略了。我怎样才能解决这个问题?

超文本标记语言

<body>
    <object id="my-object" data="http://www.rfc-editor.org/rfc/rfc1.txt"></object>
</body>
Run Code Online (Sandbox Code Playgroud)

CSS

#my-object {
    height : 500px;
    width : 300px;
    overflow : hidden;
}
Run Code Online (Sandbox Code Playgroud)

html css overflow

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

tumblr在发布链接时如何获取页面缩略图?

当我在tumblr上分享链接时,它有时会抓住该页面的博客文章图片.例如,如果我分享如下内容:

http://www.smartpassiveincome.com/income-reports/my-may-2016-monthly-income-report/
Run Code Online (Sandbox Code Playgroud)

它将获取此图像的缩略图:

http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg

你怎么让tumblr抓住图像?是否需要包含一些元标记?

搜索源代码此图像出现三次:

<meta property="og:image" content="http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg"/>

<meta name="twitter:image" content="http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg"/>

<header style="background-image: url('http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg')">
Run Code Online (Sandbox Code Playgroud)

有谁知道它使用哪一个,并可以解释选择如何抓取图像的过程是什么?

原始页面是:http://www.patchesoft.com/learning-linux-how-to-find-what-version-of-linux-youre-running-command-uname-and-lsb_release/

但是当我把它发布到Tumblr时,它并没有抓住特色图片.

tumblr

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

Tumblr OAuth - 缺少或无效的请求令牌

通过OAuth对Tumblrs API进行授权时遇到一些问题.
这就是我的想法callback.php:

require_once('../vendor/autoload.php');

// some variables that will be pretttty useful
$consumerKey = 'xxx';
$consumerSecret = 'xxx';
$client = new Tumblr\API\Client($consumerKey, $consumerSecret);
$requestHandler = $client->getRequestHandler();
$requestHandler->setBaseUrl('https://www.tumblr.com/');

// Fetch the current URL which holds important data
$link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

// get the verifier value
$verifier = $_GET['oauth_verifier'];

// exchange the verifier for the keys
$resp = $requestHandler->request('POST', 'oauth/access_token', array('oauth_verifier' => $verifier));
$out = $result = $resp->body;
$data = array();
parse_str($out, $data);

echo '<pre>';
var_dump($data);
echo '</pre>';

$token = …
Run Code Online (Sandbox Code Playgroud)

php api oauth tumblr

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

使用Object.create()复制构造函数和new

根据我对OOP javascript的有限经验,处理具有不同属性的多个对象的常用方法,但相同的方法将使用构造函数如下:

function Animal ( type ) {
    this.type = type
};
Animal.prototype.sayHello = function () {
    return 'Hi, I am a ' + this.type
};
var goat = new Animal( 'Goat' );
Run Code Online (Sandbox Code Playgroud)

我在这里的理解是goat继承/引用函数Animal.

认为我可以使用以下对象文字概念复制上述内容:

var Animal = {
    type : '',
    sayHello : function () {
        return 'Hi, I am a ' + this.type
    }
}
var goat = Object.create( Animal );
goat.type = 'Goat';
Run Code Online (Sandbox Code Playgroud)

继承在Animal这里丢失了,还是Goat仍在引用Animal方法?

我想知道是否有任何问题使用 …

javascript oop

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