Visual Composer中的粘滞行

时间:2016-11-23 02:58:34

标签: css sticky

我正在使用Visual Composer页面构建器在Wordpress中创建一个站点。

我想在页面顶部粘贴一行并将此CSS添加到编辑器中:

/** Restore alarm tone and update UI */
        if (mSettings.contains(ALARM_TONE)){
            alarmTone = mSettings.getString(ALARM_TONE, null);
            if (alarmTone != null) {

                uri = Uri.parse(alarmTone);
                TextView t = (TextView) findViewById(R.id.alarmTone);
                t.setText(RingtoneManager.getRingtone(this, uri).getTitle(this));

                mp = MediaPlayer.create(getApplicationContext(), uri);
            }
        }

我添加了粘贴作为类名。

它不起作用,我不确定我哪里出错了?请帮忙。

由于

2 个答案:

答案 0 :(得分:0)

如果您希望该行重叠所有内容(包括标题),则必须在DOM中移动它并将其附加到页面主体。否则,它将在其父容器中固定。

jQuery(document).ready(function(){
    if (jQuery(".sticky").length) {
        jQuery(".sticky").appendTo("body");     
    }
});

假设上述内容保存在名为" my-scripts.js"的文件中。 in" js"在根主题文件夹中的目录,你可以确保在WordPress中的jQuery库之后正确地包含上面的代码,具有以下功能:。

function my_jquery_scripts() {

    $PathToMyScript = get_stylesheet_directory_uri() . "/js/my-scripts.js";

    wp_register_script('my-jquery-js', $PathToMyScript, array( 'jquery' ), time(), true);
    wp_enqueue_script('my-jquery-js');

} add_action('wp_enqueue_scripts', 'my_jquery_scripts');

注意:如果您希望浏览器缓存脚本,请将time()替换为false

答案 1 :(得分:0)

您可以在父行中启用“粘性”来解决此问题